单选按钮
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”