初级表单

2022-07-21 23:09:24 阅读：170 来源： 互联网

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

初级表单