喜欢web前端网页开发和python开发的、请加下企鹅群：526929231 内有大量案例和学习教程，对python、和web感兴趣的朋友可以加下哦

form表单域

所有的控件(表单元素都写在form表单标签中)

<form>
 使用form标签建立表单域，当提交数据的时候会收集表单域里面的数据然后发送给服务器</form>

input表单控件元素

赋予不同的type值可实现不同的表单控件

下拉列表框

<select>
 <option value="music">听音乐</option>
 <option value="running">跑步</option>
 <option value="study">学习</option>
 <option value="coffee">找小姐姐一起喝咖啡</option></select><!-- selected="selected"默认选中 --><!-- size="2" 现实两行下拉项 --><!-- disabled 禁止选择 -->

selected默认选择一项

多行文本输入框(文本域) textarea

<textare cols="30" rows="10"></textarea>

clos显示多少列，rows现实多少行

按钮

单独使用没有效果，一般配合js点击按钮的时候执行什么操作

<input type="button" value="自定义按钮标题" />

重置按钮

回到表单初识状态

<input type="reset" value="重置表单" />

隐藏域

目的在于收集或发送信息 页面上面没有任何效果 CSRF跨域攻击在此作用

<input type="hidden" value="ABCD1234" />

label元素

为input元素定义一个标记，label元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果你在label元素内点击文本，就会触发此控件。就是说，当用户选择该标签是，浏览器就会自动將焦点转到和标签相关的表单控件上

<input id="man" type="radio" /><label for="man">男</label>

form表单属性

提交方式

格式化文本

• pre可定义预格式化的文本。

• pre元素中的文本通常会保留空格和换行符。

  主要用于在网页上显示代码，比如在网页当中显示html模板