表单标签form使用详解

我们登陆很多网页的时候都会发现,往往会有很多的需要用户注册、在线报名等场合,需要把用户信息,填写并提交,此时要用到表单来收集用户的信息。

今天我们就来学习一下表单的标签的使用方法

常用种类:

总的表单标签:<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属性是让数据库后台辨别我们的信息类型,所以要跟我们填的内容对应

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注