表单(4)

1.语法
  <form action=" " method="get/post">
    <input type=" " name=" " value=" "/>
  </form>

eg:

<form action="#" method="post" enctype="multipart/form-data">
  <input type="file" name="files"/>
  <input type="submit" value="确认"/>
</form>

2.type属性的值
   text:表示输入框(文本框)
   password:表示密码框
   submit:表示提交按钮
   reset:表示重置按钮
   radio:单选按钮
   checkbox:复选按钮
3.下拉框
  <select name=""> <!--下拉框-->
    <option value=""></option> <!--下拉框的选项-->
  </select>

eg:

...

<p>
  <select name="city">
    <option value="yy">益阳</option>
    <option value="cs" selected="selected">长沙</option>
    <option value="bj">北京</option>
  </select>
</p>

....

  注意:默认选中<option selected="selected"></option>
     radio,checkbox的默认选中是checked="checked"
4.图片按钮
  <input type="image" src="图片路径+名称/">
5.文件域
  <input type="file">
  注意:提交方式是post,并且在form中指定enctype="multipart/form-data"
6.多行文本域
  <textarea cols="多列" rows="多行"></textarea>
7.域
  <fieldset> //域标签
    <legend></legend> //域标题
    <input type="xx"/>
  </fieldset>

eg:

...

<fieldset>
  <legend>用户信息</legend>

  爱好<input type="checkbox"/>水果

  <input type="checkbox" />运动
  <input type="checkbox"/>听歌
</fieldset>

...
8.表单元素标注
  <label for="id"></label> 标注
  步骤:
    第一步:给指定的标签加上id属性
    第二步:在label中加上for="id属性的值"

9.表单的高级应用
只读:readonly="readonly"
禁用:disabled="disabled"
隐藏域:type="hidden"

eg:

<html>
  <head></head>
  <body>
    <input readonly="readonly" type="text" value="ct"/>
    <input disabled="disabled" value="zs"/>
     <input type="button" disabled="disabled" value="tijiao"/>
  </body>
</html>

posted @ 2017-05-09 20:18  眼泪,还是流了  阅读(114)  评论(0编辑  收藏  举报