form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
- form表单的作用
form标签用于为用户输入创建HTML表单,并向服务器传输用户输入的数据 - 常用input标签,以及它们的作用
- type="text" 文本域,用户可以在文本域写入文本,不可以换行
<input type="text" name="firstname">
- type="password" 密码域,用户可以在密码域中输入密码
<input type="password" name="password">
- type="checkbox" 复选框,提供多选选项 加checked属性会默认选上
<input type="checkbox" name="Bike">
- type="radio" 单选框,提供单选选项 name要相同才能实现单选
<input type="radio" checked="checked" name="Sex" value="male" />
- select 下拉列表,加selected是带有预选值的下拉列表
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select>
- textarea 文本域,创建一个多行文本输入,用户可以写入文本,字符字数不受限制
<textarea rows="10" cols="30">
- type="button" 创建按钮,可以对按钮上的文字进行自定义
<input type="button" value="Hello world!">
- fieldset 在数据周围绘制一个带标题的框
<fieldset>
<legend>健康信息</legend>
身高:<input type="text" />
体重:<input type="text" />
</fieldset>
- type="submit" 发送 ,定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
<input type="submit" value="发送">
- type="reset" 定义重置按钮。重置按钮会清除表单中的所有数据。
<input type="reset" value="Reset" />
- type="hidden" 定义隐藏字段,隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,用于安全性校验
<input name="csrf_token" type="hidden" value="a23dafd23444" />
- type="file" 用于文件上传
<input type="file" name="file1">