美文网首页
Chapter 6 表格&表单

Chapter 6 表格&表单

作者: Holase | 来源:发表于2016-11-06 22:55 被阅读0次

    表单:包含输入域的WEB页面。

    <pre>
    <form action="http://xxxxxxxxx/xx/xx.php" method="POST">
    <p>Just type in your name(and click Submit)to enter the contest:</br>
    First Name:<input type="text" name="firstname" value="">

    Last Nme:<input type="text" name="lastfname" value="">

    <input type="submit">
    </p>
    </form>
    </pre>
    action:给出一个服务端脚本,表单输入的内容会传输到这个地址XKLmethod="POST":选择传输方式,POST是最普通的传输方式
    <input type="" name="">:
    type的几个属性

    1. "text"输入字符串对话框
      "name":给输入字符串的变量名
      "value":输入会服务端的变量名
    2. "submit"提交的按钮
    3. "radio"单选按钮:(一组关联选项必须有相同的"name","value"不一样)
      <code>
      <input type="radio" name="hotornot" value="hot">
      <input type="radio" name="hotornot" value="not hot"></code>
    4. 复选框输入:
      "checkbox"
      <code>
      <input type="checkbox" name="spice" value="galic">
      <input type="checkbox" name="spice" value="sweet">
      <input type="checkbox" name="spice" value="salt"></code>

    20161107_00:12
    今天下午1点火车北京-朝阳镇,四海龙湾野外
    上午还要整理东西,先回去休息了,剩下的50页等周三野外回来再看。
    强迫症啊,留着一点不看完不舒服,效率高点就不会这样了..............


    其他表单元素

    1. <textarea>:设置多行多文本输入
      <textarea name="comments" rows="10" cols="48"></textarea>
    2. <select>:
      <pre><select name="characters">
      <opiton value="1">xxxx</option>
      <opiton value="2">xxxx</option>
      <opiton value="3">xxxx</option>
      </select></pre>
    3. number
      <pre><input type="number" min="0" max="20"></pre>
    4. range
      <pre><input type="range" min="0" max="20" step="2"> </pre>
    5. color
      <pre><input type="color"></pre>
    6. date
      <pre><input type="date"></pre>、

    相关文章

      网友评论

          本文标题:Chapter 6 表格&表单

          本文链接:https://www.haomeiwen.com/subject/lrmnuttx.html