flask html 得到文本框 input的内容_【笔记7】HTML及其常见标签
概述:HTML(Hypertext Markup Language)是“超文本标记语言”,它是制作网页的标准语言
它的标签有四个特点:尖括号包围;通常成对出现(有些不是,比如:<img />);标签层层嵌套;需要注意缩进。
历史
- HTML 的版本(W3C 组织制定规范):HTML 4.01 // XHTML // HTML 5 // HTML 5.1
- 规范文档(Specifications)
由 W3C 写文档(李爵士)
W3C 根据浏览器的实际情况总结文档 - DOCTYPE:用来选择文档类型
- 常见标签:a、form、input、button、h1、p、ul、ol、small、strong、div、span、kbd、video、audio、svg(除了 div 和 span,其他标签都有默认样式)
HTML(5)文件结构
1. <!DOCTYPE html> //文档类型:符合HTML5标准
<html lang="en"> //lang属性:搜索引擎en英文,zh中文
<head> <meta charset="UTF-8"> //<meta>:元数据;charset属性:字符集编码方式;浏览器:UTF-8是国际编码<title> </title>
</head>
<body>
</body>
</html>
2.字符集与编码
字符(character):文字,符号;比如123 abc !%@
字符集(charset):字符的集合;比如英文字符集,汉字字符集等等
编码:将字符和二进制码对应起来;比如a—01000001(ASCII)
3.乱码问题
源文件保存时的编码
源文件申明<meta charset="编码方式">不一致,就会出现乱码
HTML常见标签iframe 标签:嵌套页面
<iframe src="https://www.baidu.com" name="xxx"></iframe>
1. 超链接a(文字超链接,图片超链接,导航栏)
<a href="网址">文字或图片</a>
2. 链接到本站点其他网页
<a href="news.html">新闻</a>
3. 链接到其他站点
<a href="http://www.baidu.com">百度</a>
4. 虚拟超链接
<a href="#">板块2</a>form 标签:跳转页面(HTTP POST 请求)
1.文本框,密码框input
<form>
<input type="text/password"/>
</form>
2.提交,重置按钮submit,reset
<form>
<input type="text"/>
<input type="submit" value="确定" />
<input type="reset" value="重置" />
</form>
3.单选框,复选框radio,checkbox
(单选框只能选择一项,复选框任意选择多项)
<form>
<input type="radio/checkbox"
value="值" name="名称" checked="checked" />
</form>
4.下拉列表框select option
<select>
<option>选项1</option>
<option selected="selected">选项2</option>
</select>
5.文本域Textarea
<textarea roxs="行数" cols="列数">文本</textarea>
(input / button 区别:是否为「空标签」)table 标签:用于展示数据
1.表格table tr td
<table>
<tr>
<td>data</td>
</tr>
</table>
2.表格table th (表头单元格:<th>)
<table border="1">
<tr> <th>文字</th> <th>文字</th> </tr>
<tr> <th>文字</th> <th>文字</th> </tr>
</table>
flask html 得到文本框 input的内容_【笔记7】HTML及其常见标签相关推荐
- flask html 得到文本框 input的内容_前端基础之html - 我不是蜘蛛侠
HTML 初识 web服务本质 html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则 ...
- flask html 得到文本框 input的内容_flask入门 (二)(不用写代码的前端!)
flask入门 (二)(不用写代码的前端!) 前言 今天要介绍的依然是 flask 框架,前面介绍的仅仅是 flask 快速搭建最小应用的知识点,既然我们需要自己做网站,那肯定离不开前端页面的制作. ...
- 在jsp页面中点击编辑按钮,显示input边框,可编辑,点击保存按钮,输入框消失,不可编辑,并将文本框中的内容保存到数据库中
寻找的资料 一. 默认readonly不允许编辑.点击编辑的时候加上边框样式,去掉readonly属性 <style>.readonly input{border:none}</st ...
- 获得焦点时选择文本框的所有内容(Vanilla JS或jQuery)
本文翻译自:Select all contents of textbox when it receives focus (Vanilla JS or jQuery) 什么是Vanilla JS或jQu ...
- 删除web文本框中的内容需要或者文本框失去焦点,点击“Backspace”键时页面回退,屏蔽页面回退键的方法
问题:web文本框中的内容需要删除或者文本框失去焦点,点击"Backspace"键时,页面就回退了,下面是一种屏蔽页面回退键的方法. 原因:当文本输入框设置为只读时,按后退键默认都 ...
- 文本框根据输入内容自适应高度
2019独角兽企业重金招聘Python工程师标准>>> jQuery实现 (function($){$.fn.autoTextarea = function(options) {va ...
- html 获取文本框中的内容
获取文本框中的内容有以下两种方法: 假设为如下文本框: <input type="text" value="" id="text"&g ...
- html隐藏input边框线,html中去掉文本框(input type=text)的边框或只显示下边框
去掉: 只留下边框: CSS - input 只显示下边框 CSS 样式 : border:none; border-bottom: 1px solid #000 文本框input:text ...
- 如何清除文本框中的内容
如何清除文本框中的内容: 1.设置文本框的默认值 <input name ="name" value="张三"> <input name=&q ...
最新文章
- java webservice接口开发_php开发webservice服务端接口(wsdl)
- python入门必备指南-致Python初学者 Anaconda入门使用指南完整版
- 学习笔记 之 JQuery 基础语法
- LNMP架构介绍与搭建
- 【报告分享】2019年在线教育培训行业分析报告.pdf(附下载链接)
- c语言中switch函数6,C语言萌新,想问问如何让下面那个switch函数输出的结果继续...
- SpringBoot实战(十三):Spring Boot Admin 动态修改日志级别
- Myeclipse打包生成jar文件 A exception has Occured问题解决
- AWS SageMaker 基于 XGBoost 的用户流失预测
- html 编辑器 拖动,可视化拖拽页面编辑器 一
- Operator基础:3: 使用Operator SDK创建Operator
- 建筑平面布置与防火防烟分区(一)
- html标题指定位置,css如何控制表格标题的位置?
- Gym:102500E:Expeditious Cubing【精度精度】
- Python爬虫 | Python爬虫获取女友图片
- “机智歌王”--沙鸥,大陆的的张帝
- leaflet 设置地图上某个标注位于页面最上层
- “图形驱动程序无法找到兼容的图形硬件”的处理方式
- 小米商城网页制作大全之搜索引擎(input,Font Awesome)
- Python网络爬虫基础
热门文章
- [译] NSCollectionView 入门教程
- 中科院NLPIR中文分词java版
- Revit二次开发示例:DeleteDimensions
- 企业与ASP模式的e-Learning
- Leetcode1696. 跳跃游戏 VI[C++题解]:dp和单调队列求滑动窗口最值
- 通信原理2习题课汇总(随机信号、信道、最佳接收)
- C/C++中使用函数memset对int型数组赋值(0,-1,max,min)
- java servlet 返回图片_SpringMVC返回图片的几种方式
- excel图表交互联动_如何使用高大上的多级联动交互式图表来分析人员结构?
- python读取单元格的值csv,比较单元格值的csv文件python