列表框和文件域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<!--表单form
action:表单提交的位置,可以是网站,也可以说是一个请求处理地址
method:post,get 提交方式
get方式提交:我们可以在url看到我们提交的信息,不安全,高效
post:比较安全,传输大文件

-->
<form action="1.我的第一一个网页.html" method="get" >
<!--    文本输入框:input type = "text"
value:默认的初始值
maxlength:最大长度
size:文本框长度
-->
<p>账户: <input type="text" name="username" value="我是王刚" maxlength = 8 size="30"></p>
<!--    密码输入框:input type="password" -->
<p>密码: <input type="password" name="pwd"></p>
<p>
    <input type="submit">
    <input type="reset" VALUE="清空表单">
<!--    单选框标签
radio:单选框标签
value:单选框的值
name:表示组
-->
    <input type="radio" value="boy" name="sex"/>男.
    <input type="radio" value="girl" name="sex"/>女
<p><h4>爱好</h4>
    <input type="checkbox" value="sleep" name="hobby">睡觉
    <input type="checkbox" value="code" name="hobby">敲代码
    <input type="checkbox" value="chat" name="hobby">聊天
    <input type="checkbox" value="game" name="hobby">游戏</p>
    <p>
<!--        按钮标签
input type="button" 按钮
input type="image" 图片按钮
input type="submit" 提交
input type="reset" 重置按钮
-->
        <input type="button" name="王刚" value="我是王刚"/>
        <input type="image" src="../resources/image/30_2ltfz6uabt.jpg">
    </p>
    <p>下拉框
        <select name="链表名称" >
            <option value="china">中国</option>
            <option value="下拉框的值">美国</option>
            <option value="下拉框的值">日本</option>
            <option value="下拉框的值">韩国</option>
        </select>

    </p>
<!--
cols="30":30列
  rows="10":10行
-->
    <p>文本域
        <textarea name="textarea" cols="30" rows="10"></textarea>
    </p>
<!--    文件域-->
    <p>文件
        <input type="file" name="files">
        <input type="button" value="上传" name="upload">
    </p>
</form>
</p>
</body>
</html>
posted @ 2021-11-04 23:26  πππ·  阅读(30)  评论(0)    收藏  举报