Chapter 6 表格&表单

2016-11-06  本文已影响0人  Holase

表单:包含输入域的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>、
上一篇下一篇

猜你喜欢

热点阅读