在实际操作过程中,经常会遇到使用HTML表单与用户交互的问题,如账号注册、账号登陆等。
网页内的表单是有<form>标签定义的,而其他的表单标签都需要在<form>标签中完成,而<form>标签中最主要的两个属性是定义表单提交地址的action属性与定义表单提交方式的method属性(method属性多数情况用post)。
<input>元素
<input>元素可以通过type属性定义10种表单控件(如下图所示):
select和option元素
在使用多选按钮或者单选按钮的时候,我们会发现一个现象——选项太多时,被占用的区域太大。而这种情况就需要我们去用下拉列表或者滚动列表去实现节约空间的效果(如下图所示):
图中的selected属性代表了默认的选项为哪一项。
由图可见下拉式与滚动式的变换就在于在 select当中加了一个 multiple属性(如果想要改变选择栏的高度用 size属性决定即可)