html创建表单教程

表单(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>

 

 

猜你喜欢

转载自www.cnblogs.com/kaka666/p/12979622.html