表单:
单选框:<input type="radio"name=""id=""checked="checked">
实现单选框,需要使用type="radio"属性,并将多个选择框的name值设置为相同代号,
当要实现点击文本内容也可以选中单选框,需要设置label标签,
默认选中可以设置添加checked属性;
复选框(多选框):<input type="checkbox"name="" id="">与单选框类似
上传文件:<input type="file"name=""id="">
上传图片按钮:<input type="image">,用图片代替提交按钮
隐藏按钮:<input type="hidden"name ="" id=""value="带给后端的个人信息">
下拉菜单:<select name="" id=""><option value="">选项</option></select>
select 支持的属性:
1、size 值为数字,表示可以显示几个选项,默认只显示一个选项
2、multiple 不需要加值 可以进行多选
option 支持的属性:
1、value 提供给后端需要用的value值
2、selected 默认选中
文本域:<textarea name="" id="" cols="30" rows="10"placeholder="提前设置好的东西">内容</textarea>
特点:高度和宽度一般通过css进行控制, 内容紧贴书写,不然会出现换行符
宽度大小可以通过css设置:
resize:vertical(水平方向可以改变),horizontal(垂直方向),both(水平和垂直都可以,none(不设置)
字段集:<fieldset> <legend>说明文字</legend></fieldset>