Form标签:
<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
提示与注释
注释:form 元素是块级元素,其前后会产生折行。
代码
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
效果图
input标签:
<input> 标签用于搜集用户信息。
根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
<input type="value">
type属性值
值
描述
button
定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox
定义复选框。
file
定义输入字段和 "浏览"按钮,供文件上传。
hidden
定义隐藏的输入字段。
image
定义图像形式的提交按钮。
password
定义密码字段。该字段中的字符被掩码。
radio
定义单选按钮。
reset
定义重置按钮。重置按钮会清除表单中的所有数据。
submit
定义提交按钮。提交按钮会把表单数据发送到服务器。
text
定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
input text{
}
</style>
</head>
<body>
<form action="demo-form.php">
<input type="radio" name="vehicle[]" value="Bike"> 我有一辆自行车
<input type="radio" name="vehicle[]" value="Car"> 我有一辆小轿车
<input type="radio" name="vehicle[]" value="Boat"> 我有一艘船
<input type="submit" value="提交">
<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船
</form>
</body>
</html>