表单(form)是html最常见的标记之一,用于采集和提交用户输入的信息。 Form表单由三个要素构成,分别是表单控件,action和method.
表单空件:通过各种控件,用户可以输入文字信息,可以选 择内容,
Action: 指明处理表单信息的文件
Method: 表明发送信息的方式。 Method有get 和 post两个值。 Get是将表单控件的 name和value信息编码后通过url发送,通常是为了取得和显示数据;
Post则通过http发送,用于数据的保存和更新。
表单常用控件说明表
Input type=”text” 单行文本输入框
Input type = “submit” 将表单form里的信息提交给表里action所指向文件
Input type = “checkbox” 复选框
Input type = “radio” 单选框
Select 下拉框
textArea 多行文体输入框
input type = “password” 密码输入框
表单控件常见的有单行输入文体框,复选框,单选框,下拉框和多行输入框。下面作具体的介绍
1. 单行输入文本框
单行输入文本框控件允许用户输入一行文本,代码示例如下
<form action = “http://../yourname.asp” method=”get”>
<h5>请输入你的姓名</h5>
<ipnt type=”text” name = “youname”>
<h5>请输入你的密码</h5>
<input type=”password”name=”yourpw”>
<input type=”submit” value=”提交”>
上面示例中,密码输入框用标记 input type =”password” 表示,” 提交”按钮用标记 input type = “submit”表示。
2. 复选框checkbox
复选框控允许用户选 中多个选项。代码示例如下:
<input type = “checkbox” name = “sports” value=”snooker” checked>斯诺克<br>
<input type = “checkbox” name = “sprots”value =”tennis”>网球<br>
<input type = “checkbox” name = “sprots” value = “basketball”>篮球<br>
3. 单选框 radio
单选框控件允许用户在提供的多个选择中,选择一个选项。代码示例如下:
<input type=”radio” name= “sprots” value = “snooker” checked>斯诺克<br>
<input type=”radio” name= “sprots” value = “tennis” >网球<br>
<input type=”radio” name= “sprots” value = “basketball” >篮球<br>
4. 下拉框select
下拉框控价允许用户选择一个下拉菜单的选项
<select name =”sports”>
<option value = “snooker”>斯诺克
<option value = “tennis”>网球
<option value = “basketball”>篮球
</select>
5.多行输入框 textarea
<textarea name=”suggest”cols =”50” row=”4”> </textarea>