表单元素和开发常用的四种块级结构

表单元素

表单元素基本格式：
<input id="表单元素唯一id" name="表单元素名称" type="类型" value="值" size="显示宽度" maxlength="最大长度" checked="是否选中" /> 
文本框：type=“text” 
密码框：type="password" 按钮：    
普通按钮：type="button" 
提交按钮：type="submit"   
重置按钮：type="reset" 
图片按钮：type="image" src="图片路径"   
 单选按钮：type="radio" checked="是否选中" 名字name相同表明属于同一级；特点单选    
多选按钮：type="checkbox" checked="是否选中" 特点多选 文本域：type="file"主要用于上传文件
隐藏域：type="hidden" 方便服务端“记住”客户端的信息，但又不希望客户看到的数据
下拉列表：
<select name="指定列表名称" size="行数">
<option value="选项值id" selected="selected">选项值</option>
</select> ps：在h5中如果标签的属性名等于值，属性名可以省略不写
<select name="指定列表名称" size="行数">
<optgroup label="">
<option value="选项值id" selected="selected">选项值</option>
</optgroup>
</select>
ps：在select标签中加入optgroup标签对选项进行分组
带下拉列表的输入框：
<input list="listId" />
<datalist id="listId">
<option value="" />
</datalist>
多行文本框：
<textarea name="" id="" cols="列宽" rows="行高">
文本内容
</textarea>
表单控件的属性：
只读属性：readonly；只允许用户看不允许用户修改（提交时仍然提交）
禁用属性：disabled；因没有达到使用条件或权限不足限制用户使用（提交时不会被提交）

实际开发常用的四种块级结构

1. div-ul(ol)-li:常用于分类导航或菜单
2. div-dl-dt-dd:常用于图文混编场合
3. table-tr-td:常用于图文布局或显示数据
4. from-table-tr-td:常用于表单布局