HTML15：列表框文本域和文件域

最新推荐文章于 2023-07-21 15:51:33 发布

工一木子

最新推荐文章于 2023-07-21 15:51:33 发布

阅读量156

点赞数

分类专栏： HTML学习

本文链接：https://blog.csdn.net/Prince140678/article/details/119721771

版权

HTML学习专栏收录该内容

19 篇文章 0 订阅

订阅专栏

HTML15：列表框文本域和文件域

代码show

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>10.表单</title>
    </head>
    <body>
        <h1>注册</h1>
        <!--
        action: 表单提交的位置，可以是网站，也可以是一个请求处理地址
        method:post，get提交方式
                 get方式提交：我们可以在url中看到我们提交的信息，不安全，高效
                 post：比较安全，传输大文件
              -->
        <form action="我的第一个HTML.html" method="get">
            <!--    文本输入框：input type="text"
             value= "工一" 默认初始值
             maxlength="10" 最长能写几个字符
             size="30" 文本框的长度
             -->
            <p>名字：<input type="text" name="username" value= "工一" maxlength="10" size="30"/></p>
            <!--    密码框： input type="password"       -->
            <p>密码：<input type="password" name="pwd"/></p>

            <p>性别：
                <!--单选框标签
                input type="radio"
                value="boy" 单选框的值
                name="sex" 表示组
                -->
                <input type="radio" value="boy" name="sex" checked/>男
                <input type="radio" value="girl" name="sex" />女
            </p>

            <!--            多选框
            input type="checkbox"
            -->
            <p> 爱好：
                <input type="checkbox" name="hobby" value="sleep">睡觉
                <input type="checkbox" name="hobby" value="sleep" checked>敲代码
                <input type="checkbox" name="hobby" value="sleep">聊天
                <input type="checkbox" name="hobby" value="sleep">跑步
            </p>

            <p>按钮
                <input type="button" name="btn1" value="我是按钮">
<!--                <input type="image" src="../resources/image/哔哩哔哩.jpg">-->
            </p>

            <p>
<!--                下拉框，列表框-->
                国家：
                <select name="列表名称">
                    <option value="China">中国</option>
                    <option value="USA">美国</option>
                    <option value="Japan" selected>日本</option>
                    <option value="India">印度</option>
                </select>
            </p>

            <p>
<!--                文本域
cols="50" rows="10"
-->
                反馈：
                <textarea name="textarea" cols="50" rows="10">请输入反馈意见</textarea>
            </p>

            <p>
                文件：
                <!-- 文件域名
                input type="file" name="files"
                 -->
                <input type="file" name="files">
                <input type="button" name="upload" value="上传"/>
            </p>

            <p><input type="submit"/><input type="reset" value="清空表单"></p>

        </form>

    </body>
</html>

彩蛋

1.为何日本默认不勾选

用错标签了，应该是selected，

radio，chekbox输入框选中才是checked

2.所有输入标签都得要有name属性，否则不会传递给后端

工一木子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML15：列表框文本域和文件域

HTML15：列表框文本域和文件域代码show<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>10.表单</title> </head> <body> <h1>注册</h1> <!--
复制链接

扫一扫

专栏目录