首页 / HTML / html-form

html-form

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html-form，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1984字，纯文字阅读大概需要3分钟。

内容图文

<!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>

 

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

内容总结

以上是互联网集市为您收集整理的html-form全部内容，希望文章能够帮你解决html-form所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1084895.html

来源：【匿名】