HTML基础2

单选按钮 

type="radio"

注意:如果需要文字点击能切换,那要加label标签,并且设置for属性和对应的单选按钮的ID属性值一致;必须给这一组单选按钮添加name值,才可以实现单选效果;设置默认选中状态,要给单选按钮添加checked=“checked”

下拉菜单

select和option组合:

注意:如果想设置多组下拉菜单,需要添加一个optgroup标签,并设置label属性作为提示文字;如果想设置默认选中状态,需要给对应的option加selected属性;

 文本域

<textarea></textarea>

注:也可以使用placeholder来设置默认提示文字

checkbox(多选框)

方法与使用细节与单选框一致

按钮

 提交:type=“submit”

注:value需要自己设置,否则在不同的浏览器呈现的结果不一致,导致兼容性问题

重置:type=“reset”(把所有内容恢复到默认刷新的状态)

普通按钮:type=“button”

普通按钮写法2:<button>按钮</button>

注:用户体验细节,刷新后想让第一个输入框默认选中状态,给输入框设置autofocus=“autofocus”

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值