<form>标签
定义
<form>标签用于创建html表单；
<form action='action_page.php' method='GET'/'POST'></form>
表单能够包含input元素，比如文本字段，复选框，单选框，提交按钮等；表单还可以包含textarea,select,fieldset和label元素等。
属性
action {URL}：一个URL地址，指定form表单向何处发送数据。
method{get/post}：指定表单以何种方式发送到指定页面。
get/post的区别：
- get方法是默认的，如果表单提交时被动的，并且没有敏感信息，使用get，但get是不安全的，并且传输数据量小。限制字符集必须为ascii码
- post方法向服务器传递数据，post安全性好对所有用户都是不可见得；post数据传输量大，支持整个ISO10646字符集。
常用的input元素的几种类型
- text 定义单行的输入字段，用户可在其中输入字段。
<input type='text' name='message' >
- password 定义密码字段，密码字段中的字符会被掩码（显示为星号或原点）。
<input type='password' name='pwd' >
- radio 定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项（分组需要设置相同的name值,默认选中check='checked'）
<input type='radio' name='sex' value='male' checked>
- checkbox 定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项，默认选中同上。
<input type='checkbox' name='hooby' value='basketball' >
- submit 定义提交按钮，提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
<input type='submit' value='Submit' >
- hidden 定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值，它们的值也可以由 JavaScript 进行修改。
<input type='hidden' name='' value=''>
- textarea 定义多行输入文本域。
<textarea name='message' rows='10' cols='30' >
</textarea>
- select 定义下拉列表
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
- button元素定义点击的按钮
<button type="button" onclick="alert('Hello World!')">Click Me!</button>
网友评论