html 表单

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- action 指定服务器url地址 
             method 提交方式 get或post
             Autocomplete 根据之前输入的值自动填充
             Novalidata 验证数据-->
        <form action="" method="post" id="form1" autocomplete="on" novalidate="">
                <!-- type 属性 text radio 单选 submit 提交 -->
                <!-- value 定义初始值 -->
                <!-- readonly 只读 -->
                <!-- disabled 输入禁止 不会提交 -->
                <!-- size 输入字段的尺寸 -->
                <!-- maxlength 输入最大长度 -->
                <!-- autofocus 自动获得焦点 -->
            Frist name <br>
            <input type="text" value=""/> <br>
            Second name <br>
            <input type="" name="" id="" value="" /> <br>
            
            <input type="radio" name="sex" value="male" checked="" /> Male <br>
            <input type="radio" name="sex" value="female" /> Female <br>
            
            <input type="submit" name="" id="" value="Submit" /><br>
            
            <!-- 下拉列表 -->
            <select>
                <option value ="1">111</option>
                <option value ="2">222</option>
            </select> <br>
            
            <!-- 多行输入 -->
            <textarea rows="" cols="">
                this is textarea;
            </textarea> <br>
            
            <!-- 按钮 -->
            <button type="button" onclick="alert('Hello World!')">
                Click
            </button> <br>
            
            <!-- 输入时看到预定义的下拉列表 -->
            <input list="browsers" name="browser">
            <datalist id="browsers">
               <option value="Internet Explorer">
               <option value="Firefox">
               <option value="Chrome">
               <option value="Opera">
               <option value="Safari">
            </datalist>
            <input type="submit">
            
            
        </form>
        <!-- 位于表单之外 -->
        name:
        <input type="text" id="lname" name="lname" form="form1">
    </body>
</html>

 

posted @ 2022-02-28 20:29  lwx_R  阅读(3)  评论(0编辑  收藏  举报