HTML表单元素input
Input类型文本
<input type="text">
定义一行输入文本
<form action="action_page.php">
姓名:<br>
<input type="text" name="firstname">
<br>
姓氏:<br>
<input type="text" name="lastname">
<br><br>
<input type="submit">
</form>
Input类型密码
<input type="password">
定义一个密码字段:
<form action="action_page.php">
用户名:<br>
<input type="text" name="userid">
<br>
密码:<br>
<input type="password" name="psw">
</form>
Input类型提交
<input type="submit">
定义将表单数据提交给表单处理程序的按钮。表单处理程序通常是能够处理输入数据的脚本的服务器页面。表单处理程序指定表单的action属性:
<form action="action_page.php">
名字:<br>
<input type="text"name="firstname" value="Mickey">
<br>
姓氏:<br>
<input type="text"name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>
如果忽略提交按钮的值属性,按钮将得到默认文本:
<form action="action_page.php">
名字:<br>
<input type="text"name="firstname" value="Mickey">
<br>
姓氏:<br>
<input type="text"name="lastname" value="Mouse">
<br><br>
<input type="submit">
</form>
Input类型重置
<input type="reset">
定义重置按钮,将表单值重置为默认值
<form action="action_page.php">
First name: <br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name: <br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
<input type="reset">
</form>
Input类型单选按钮
<input type="radio">
定义一个单选按钮。用户只能选则一个选项
<form action="action_page.php">
<input type="radio"name="gender"value="male"checked>男<br>
<input type="radio"name="gender"value="female"checked>女<br>
<input type="radio"name="gender"value="other"checked>其他<br>
<input type="submit">
</form>
Input类型多选
<input type="checkbox">
定义了一个复选框。复选框让用户选择两个或者多个有限的选择选项。
<form action="action_page.php">
<input type="checkbox" name="vehicle1" value="Bike">我有一辆自行车
<br>
<input type="checkbox" name="vehicle2" value="Car">我有一辆汽车
<br><br>
<input type="submit">
</form>
Input类型按钮
<input type="button">
定义一个按钮:
<input type="button" onclick="alert('Hello World')" value="请点击">