<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>