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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章