一,单选按钮
type="redio"
注意:
1.必须要给这一组单选按钮添加name值才能实现单选效果,
2.点击文字也能够切换:加 label 标签,并且设置 for 属性对应的单选按钮的 id 属性值一致,
3.设置默认选中状态:给单选按钮添加checked="checked"
具体代码如下:
姓名
密码
性别:男
女
保密
二,下拉菜单
select和option的组合
注意:1.如果想设置多组下拉菜单,需要添加一个optgroup标签,并设置label属性作为提示文字
2.如果想设置默认选中状态,需要给optiom添加selected属性
具体代码如下:
地址:
江西
北京
江苏
浙江
景德镇
新余
南昌
九江
海淀区
朝阳区
密云区
三,文本域
testarea 标志多行文本
注意:文本域不能设置rows,cols属性,因为浏览器的解析的结果都不一样,如果要让每个浏览器大小相同,必须设置width height才行 也可以使用placeholder
具体代码如下
自我介绍:
四,多选框
type="checkbox"
它的使用方法和细节与单选框一致
具体代码如下:
爱好:运动
音乐
打游戏
睡觉
五,按钮
1,提交按钮 type="submit" 注意:需要设置value值属性,否则浏览器之间有兼容性问题
2,重置按钮 type="reset" 恢复刷新后的默认状态,也需要设置value值属性
3,其他按钮 type="button" 或者直接使用
具体代码如下:
按钮说明
具体结果:
image.png