本文共 1365 字，大约阅读时间需要 4 分钟。
表单
通过<form></form>进行表示，注意，form表单标签是所有标签最核心标签之一。它是用来实现前后端交互的一个重要标签。
form里常用的一些属性：
name:表单名称
action:表单数据提交的地方(通常是一个后台文件名(.jsp/.py等）或网址）。如果是#，表示提交到当前文件下。
method:前端提交数据到后端的方法，主要有：get（传递的信息会在地址栏中显示）和post（传递的信息不会在地址栏中显示）,默认的是get，推荐使用post。
以上在js内容里主要会用到，这里不做过多的解释，先学习基本的样式
目录
1、输入框
这是最基本的输入框，其中还可以设置其中的类型
name="name"
type="text（默认）" 里面可以修改为password（输入时就是*），number什么的
value="默认叫的名字"
size="表格的长度"
maxlength="只能写入的最大长度"
readonly="readonly"（只能看不能改）
placeholder=“提示信息”
pattern=”正则匹配“
2、复选框 type=checkbox
注意的是，必须要让一组复选框具有相同的name，这样才表示为同一组。
checked="checked"表示默认选择
3、单选框 type=radio
和复选框一样，都需要规定为一组
4、下拉框
<select>
<option></option> <option></option> <option></option></select>
注意的是这里下拉框和之前的类型不一样
selected="selected"表示预先选择的，和checked功能差不多
5、文本域
文本域就是多行的文本输入控件，文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体，可以通过 cols 和 rows 属性来规定 textarea 的尺寸。
6、语义化表单
语义化表单就是将表单内容的一部分打包，生成一组相关表单的字段，<legend>表示为 fieldset 元素定义标题
7、按钮
其中type=“”中的属性包括submit：提交、reset：恢复默认值、button（普通按钮）
disabled="disabled"表示按钮不可用
以上就是基本的表单里面的一些元素，后期遇到了其他常用的元素会再添加，至于跳转以及验证就到后面学习js时再讲解。
转载地址：http://lyvrn.baihongyu.com/