HTML5的表單標記

第三天的筆記繼續更新。

表單標記：
1、《form》宣告這是表單模式，是一個容器
2、《input》：單行文本域
3、《select》：滾動列表標簽
4、《option》：滾動標簽的圍堵標記
5:、《textarea》：表單文字區域標記
例：
<!--from是表單標記，宣告這是表單模式，屬于一個容器-->
<form>

    <!--單行文本域-->
    <input />

    <!--select滾動列表標志-->
    <select name="php" size="6" multiple="multiple"></select>

    <!--滾動標記select的圍堵標記-->
    <option></option>

    <!--表單文字區域標記-->
    <br><textarea></textarea>

    關于《input》的一些參數：
    text：單行文本域
    radio“單選按鈕”
    checkbox：復選框
    password：密碼框
    submit：提交按鈕
    reset：清除按鈕
    image：圖像域
    file：文件域
    hidden：隱藏域
    button：普通按鈕

    <ol type="1" start="1">
    <li><form action="index.html" method="post"></form>
        <!--type的參數text:一個單行文本域-->
    <li><input  type="text" name="age" value="22" align="center" size="2" maxlength="255"/>
        <!--radio：單選按鈕-->
    <li><input  type="radio" name="gender" value="female" align="middle" checked="checked" />
        <!--checkbox：復選框-->
    <li><input type="checkbox" name="idol" value="Leon" align="left" checked="checked" />
        <!--password:密碼域-->
    <li><input type="password" name="pw" value="999" align="left" size="5" maxlength="9" />
        <!--submit：提交按鈕、reset：清除按鈕-->
    <li><input type="submit" name="ok" value="確定" align="left"/>
    <li><input type="reset" value="清除" align="left"/>
        <!--image:圖像域-->
    <li><input type="image" name="submit"  align="bottom" src="img/HBuilder.png" />
    <!--file：文件域-->
    <li><input type="file" name="upload"  align="bottom" size="20" maxlength="100" accept="text/html" />
    <!--hidden:隱藏域-->
    <li><input type="hidden" name="ID" value="6618" />
    <!--botton：一般按鈕-->
    <li><input type="button"  name="useless" value="ba" />
    </ol>   
    </form>

    <h2>滾動標記select和它的圍堵標記option的用法如下</h2>
    <form action="index.html" method="post">
        where did you come from?
    <select name="1">
        <option value="2">hongkang</option>
        <option value="3" selected>taiwan</option>
        <option value="4">china</option>
        <option value="5">meiguo</option>
        <option value="6"> canada</option>
    </select>   
    </form>

    <br><form action="index.html" method="post">
        where did you come from?
    <select name="1" multiple>
        <option value="2">hongkang</option>
        <option value="3" selected>taiwan</option>
        <option value="4">china</option>
        <option value="5">meiguo</option>
        <option value="6"> canada</option>
    </select>   
    </form>