- HTML表单:
HTML表单用于收集用户的输入信息。HTML表单表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到web服务器。
<form action="">
Username: <input type="text" name="user"><br>
Password: <input type="password" name="password">
</form>
HTML表单元素是允许用户在表单中输入内容,比如文本域(text area)、下拉列表(select)、单选框(radio-buttons)、复选框(checkbox)等。
1)、文本:通过<input type="text" >标签来设定。
<form>
name: <input type="text" name="name"><br>
</form>
2)、密码字段:通过<input type="password" >标签来设定。
<form>
Password: <input type="password" name="pwd">
</form>
3)、单选按钮:通过<input type="radio" >标签来设定。
<form action="">
<input type="radio" name="sex" value="male">男<br>
<input type="radio" name="sex" value="female">女
</form>
4)、复选框:通过<input type="checkbox" >标签来设定。
<form>
<input type="checkbox" name="vehicle" value="Bike">我喜欢轿车<br>
<input type="checkbox" name="vehicle" value="Car">我喜欢SUV
</form>
5)、提交按钮:通过<input type="submit" >标签来设定。
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
6)、下拉菜单:
<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
7)、预选下拉菜单:
<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected>Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
8)、文本域:
<form>
<textarea rows="10" cols="30">
文本框。
</textarea>
</form>
9)、创建按钮:
<form action="">
<input type="button" value="Hello world!">
</form>
10)、从表单发送email:
<form action="MAILTO:someone@example.com" method="post" enctype="text/plain">
Name:<br>
<input type="text" name="name" value="your name"><br>
E-mail:<br>
<input type="text" name="mail" value="your email"><br>
Comment:<br>
<input type="text" name="comment" value="your comment" size="50"><br><br>
<input type="submit" value="发送">
<input type="reset" value="重置">
</form>
11)、HTML表单标签:
