html中接受用户输入的form表单定义方式

在使用html语言编写程序时，若是须要接受用户输入信息，能够经过form表单，将用户的键盘输入提交并传递值给相应的处理文件。

表单容许用户在经常使用表单（如：文本框、下拉列表、单选框、复选框）中输入本身的信息。

（1）表单的定义，<form>标签

<form  action="" method="" ...>
...
    <input type="" ..../>
...
</form>

在表单<form>元素中，action表示提交后触发那个文件，method表示将表单信息以什么方式传递，经常使用post或get。

表单中最常使用输入标签<input>，接受用户输入，使用type属性定义输入类型。

经常使用的输入类型以下：

（2）文本域 text fields

用于须要输入字母、数字时。如：

<from>
First name:<input  type="text" name="firstname" />
Last name:<input   type="text"  name="lastname"  />
</form>

（3）密码域password，将使用项目符号替代输入信息显示。如

<from>
Username:<input  type="text" name="username" />
Password:<input   type="password"  name="password"  />
</form>

（4）单选按钮 radio buttons，用于从给的选择中选择其一，如：

<form>
<input  type="radio" name="sex"  value="male" />Male
<br />
<input  type="radio"  name="sex" value="female" />Female
</form>

（5）复选框 checkboxes，用于从给定选项中选择多项，如：

<form>
<input  type="checkbox" name="bike" /> I have a car
<br />
<input type="checkbox" name="bike" /> I have a bike
<br />
<input type="checkbox" name="bus" /> I have a bus
</form>

（6）表单提交按钮。当输入完毕，将信息传递给action指定的文件处理。如：

<form   name="input"  action="welcome.php"  method="get"  target="_bland">
Username:<input  type="text"  name="user" />
<input   type="submit" value="Submit" />
</form>

说明：action定义提交时调整到哪一个页面；method定义如何发送表单数据可选get或post；target定义如何打开action的url页面,_bland为新标签中打开。

（7）下拉菜单 ，使用<select> 和<option> 标签，select元素建立单选或多项菜单，option元素定义下拉别表中的一个选项。option元素值在select元素内部惟一，如：

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab" selected="selected">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>