码迷,mamicode.com
首页 > Web开发 > 详细

html-form

时间:2018-12-05 13:23:44      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:展示   mit   选项   ado   htm   pad   文本域   code   for   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        textarea{
            /*resize: none;*/
            /*resize: horizontal;*/
            resize: vertical;
        }
    </style>
</head>
<body>
    <form action="" method="get" autocomplete="off">
        <!--action 规定当前提交表单向何处发送表单数据-->
        <!--?name=value&name=value&.....-->
        <!--method  默认get   post-->
        <!--autocomplete自动完成,on输入框会提示  off输入框不会提示-->
        账号:<input type="text" name="user" value="888" readonly><br>
        密码:<input type="password" name="pad" placeholder="请输入你的密码" required><br>
        文件上传:
        <input type="file"><br>
        隐藏:
        <input type="hidden"><br>
        单选框:
        <input type="radio" name="gender" disabled><input type="radio" name="gender" id="woman">
        <label for="woman">女</label>
        <input type="radio" name="gender" id="sec">
        <label for="sec">保密</label><br>
        多选框:
        <fieldset>
            <legend>兴趣</legend>
            <input type="checkbox" name="hobby">唱歌
        <input type="checkbox" name="hobby">跳舞
        <input type="checkbox" name="hobby" checked>看书
        <input type="checkbox" name="hobby" disabled>游戏
        <input type="checkbox" name="hobby" id="shopping">
        <label for="shopping">逛街</label><br>
        </fieldset>
        <!--disabled 禁止选-->
        <!--checked 默认选中-->
        你在哪个城市:
        <select name="xz" id="xz" size="2">
            <!--size规定下拉列表中可见选项的数目-->
            <!--selected 规定在select里面默认展示第几项-->
            <option value="1">长沙</option>
            <option value="2">北京</option>
            <option value="3">成都</option>
            <option value="4" selected>上海</option>
        </select><br>
        文本域:
        <textarea name="wb" id="wb" cols="30" rows="10">

        </textarea><br>
        <input type="submit" value="提交列表"><br>
        <input type="reset">
    </form>
</body>
</html>

 

html-form

标签:展示   mit   选项   ado   htm   pad   文本域   code   for   

原文地址:https://www.cnblogs.com/cxhzy/p/10070317.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!