• 表单(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>

  • 相关阅读:
    hdu 5833 Zhu and 772002 (高斯消元)
    1203事件对象
    作用域面试题
    1130 JS高级 面向对象
    1122JS中级复习
    1120浏览器对象模型 函数分析
    1119动画和复习
    1114面试题作用域
    1113Js操作CSS样式
    1112函数封装和元素的属性
  • 原文地址:https://www.cnblogs.com/yang82/p/6832453.html
Copyright © 2020-2023  润新知