其他分享
首页 > 其他分享> > 初级表单

初级表单

作者：互联网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初级表单</title>
</head>
<body>

<h1>注册登录</h1>

<!--表单form
action：表单提交的位置，可以是一个网址，也可以是一个请求处理地址
method:post,get 提交方式
-->

<form action="../HTML/MAZI.html" method="post">

<!--文本输入框：iype type=“text”
value=“默认初始值"
maxlength="最多能写几个字符"
size：文本框的长度

-->
<p>账号:&nbsp;&nbsp;<input type="text" name="username" value="see you Again" maxlength="7"></p>
<p>密码:&nbsp;&nbsp;<input type="password" name="password" maxlength="11"></p>

    <a href="../HTML/图像标签.html">忘记密码？</a>


<!--单选框标签
    input:type=“radio”
    value:单选框的值
    name:表示组 名字一样代表是一个组的 一个组里 单选只能选一个
    -->

    <p>年龄:
        <input type="radio" value="full" name="gender">已满18岁
        <input type="radio" value="less than" name="gender">未满18岁

    </p>

<!--多选框标签
input type=“checkbox”
checked :默认选中
-->
    <p>擅长:
        <input type="checkbox" value="sleep" name="happy" checked />在空调房里盖着厚被子睡觉
        <input type="checkbox" value="game" name="happy"/>打游戏
        <input type="checkbox" value="music" name="happy"/>音乐
    </p>
    
<!--按钮
input type=“button”  普通按钮
input type=“image”   图像按钮
input type=“submit”  提交按钮
input type=“reset”   重置按钮

图片点击跳转会跳转到你  submit 也就是提交的那个界面
-->
    <p>按钮:
    <input type="button" name="btn1" value="千万别点我"/>
        <br>
        <input type="image" src="../resources/image/略略略.gif" value="图像按钮"/>
    </p>

<!--下拉框，列表框
select : 下拉框
-->
    <p>目前使用的耳机:
        <select name="列表名称">
            <option value="Iphone">Air pods</option>
            <option value="Iphone" selected>Air pods Pro</option>
            <option value="Redmi">红米</option>
            <option value="N/A">杂牌</option>
        </select>
    </p>

<!--文本域
cols:行
rows:列
文本域: textarea
-->
<p>反馈:
    <textarea name="textarea" cols="70" rows="7">文本内容:</textarea>
</p>

<!--文件域
file：上传文件按钮
button 普通按钮
-->

    <input type="file" name="files">
    <input type="button" value="上传文件" name="upload">

<!--
邮件验证: email
URL: url
数字: number
-->

    <p> 邮箱:
        <input type="email" name="email">
    </p>

    <p>URL:
        <input type="url" name="url">
    </p>

    <p>数字:
        <input type="number" max="77" min="0" step="10">
    </p>

<!--滑块
range
-->

    <p>音量滑块:
        <input type="range"  name="voice" max="77" min="7" step="7">
    </p>

<!--搜索框
search
-->
    <p>搜索:
        <input type="search" name="search">
    </p>

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

</form>

</body>
</html>

标签：--,表单,初级,nbsp,按钮,input,type
来源： https://www.cnblogs.com/shuqiqi/p/16503940.html