我们登陆很多网页的时候都会发现,往往会有很多的需要用户注册、在线报名等场合,需要把用户信息,填写并提交,此时要用到表单来收集用户的信息。
今天我们就来学习一下表单的标签的使用方法
常用种类:
总的表单标签:<form action=”” method=””>
…
</form>,里面就放以下的具体表单标签
1.input标签—规定用户可输入数据的输入字段。
常用type属性
- type=”text” —输入字段
- type=”radio” –单选按钮
- type=”checkbox” —复选框
- type=”file” —输入文本框
- type=”submit” —提交按钮
2.select标签规定输入下拉菜单
- 写法: <select name=””>
- <option value=””>..<option>
- <option value=””>..<option>
- <option value=””>..<option>
- </select>
3.textarea标签
- 写法:<textarea name=””>
- </textarea>
注释:
1.input中的type属性:根据不同的 type 属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等
2.设置默认值,不同的标签或者input标签中的type属性不同都有不同的设置
- 如:<input type=”text” name=”” value=”” />
- 单选和多选:<input type=”radio” name=”” checked=”checked” />
- <input type=”checkbox” name=”” checked=”checked” />
- 下拉菜单:<option selected=”selected”>
3.form中的action属性输入的是我们要提交的地址/网址
method属性输入的是提交方式,默认是直接提交本地页面,信息就会显示到网址上面,所以不安全,一般都是设置为“post”隐秘提交
4.value属性是让数据库后台辨别我们的信息类型,所以要跟我们填的内容对应