1.槪念
用来收集用户输入的信息，定义采集数据的范围，并且完成与用户的基本交互的作用。
表单就是输入框、单选框、复选框、按钮、选项菜单等网页元素，也称表单元素。
2.语法
form标签，所有表单元素都要放在form标签中。
<form action = "#" method = "get">xx</form> <!-- # 是没有数据时的占位--> from标签属性：
① action：设置发送数据的位置；
② method：用什么方式发送数据。
属性值分为get和post：get，发送数据时直接显示在url栏中，发
送数据量小，且不安全；post，直接通过服务器发送数据，用户看不到过
程，且数据量较大。
3.表单元素
一般使用 input标签：
<form action = "#" method>
<input type = "text" name = "age"/>
</form>input标签属性：
type属性：设置当前输入框的不同形态。值分别为：
password 密码框，text输入文字、字母、数字等
submit 提交按钮，reset 重置按钮
button 普通按钮，checkbox 表单复选框
radio表单单选框。
name 属性：给当前的表单元素数据起个名字，不能是中文和特殊符号。 （除了按钮标签外需要输入数据的都要加name属性）
value 属性：当前表单元素的默认值，在按钮标签中会显示在按钮上，在选项框里必须有，否则后端看到为on。
例如，<input type = “radio” name = “sex” value = “男”/>，传递给后端数据为sex=男，如果不写value，则显示sex=on。
placeholder属性：输入框的提示信息。
maxlength属性：设置输入text和password输入框的最大字符数。
size属性：当type = “text”或”password”时，设置元素的宽度。
checked属性：当type为radio或checkbox时，设置单选框或复选框的默认选中项。
4.扩展表单元素
如图，select 标签表示声明下拉列表；option 标签用于声明列表项；selected 改变下拉列表默认选中项。
多文本域（textarea）：
<textarea rows="3" cols="20 maxlength="50" name="demo"></textarea>
属性值：rows高度（行）cols宽度（列）版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 1219982080@qq.com 举报，一经查实，本站将立刻删除。
微信扫一扫 
支付宝扫一扫 
