HTML5的表单标记 - web开发

博主:xiaoweixiaowei 2023-01-18 条评论

第三天的笔记继续更新。

表单标记:
1、《form》宣告这是表单模式,是一个容器
2、《input》:单行文本域
3、《select》:滚动列表标签
4、《option》:滚动标签的围堵标记
5:、《textarea》:表单文字区域标记
例:
<!–from是表单标记,宣告这是表单模式,属于一个容器–>
<form>

HTML5的表单标记 - web开发
    <!--单行文本域-->
    <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> 

The End

发布于:2023-01-18,除非注明,否则均为 主机评测原创文章,转载请注明出处。