首页 > 其他分享 >学习HMTL(表单)

学习HMTL(表单)

时间:2022-12-13 18:33:44浏览次数:37  
标签:gt java -- HMTL c++ 表单 学习

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>html表单</title>
</head>
<body>
<!--
html表示:
表单:form
    input:输入框
    type属性:
            text:文本
            password:密码
            submit:提交按钮(点击之会主动提交表单)
            button:普通按钮(点击之后没有特殊效果)
            checkbox:多选框
            radio:单选框
            file:文件上传
            hidden:影藏的表单域(预设一个要传递的参数和值,但是不会在页面上显示)
            reset:情况表单内容

    name:表单的参数名
    value:表单的值
    placeholder:表单的提示内容

label标签:将表单前的提示内容和表单进行关联

textarea标签:文本输入框


-->

<!--<div>-->

<!--    <form action="" method="get">-->
<!--        账号: <input type="text" name="user" value=""><br>-->
<!--        密码: <input type="password" name="pwd" value=""><br>-->
<!--        &lt;!&ndash;        <input type="submit" value="登录">&ndash;&gt;-->
<!--        <input type="button" value="登录">-->
<!--    </form>-->

<!--</div>-->


<div>
    <h1>注册</h1>
    <form action="" method="get">
        <input type="hidden" name="token" value="dsaudgausdey2uq76r8q20irwasw7e82ijw6789032iugu3">
        <label for="u01">账号: </label>
        <input type="text" name="user" value="" placeholder="输入账号" id="u01"><br>
        <label for="p01">密码: </label>
        <input type="password" name="pwd" value="" placeholder="输入密码" id="p01"><br>
        <!-- 单选框-->
        性别:男 <input type="radio" name="sex" value="男">
        女 <input type="radio" name="sex" value="女">
        未知 <input type="radio" name="sex" value="未知">
        <br>
        <!--  多选框  -->

        技能:
        <label for="py01">python</label>
        <input type="checkbox" name="skill" value="py" id="py01">
        <label for="j01">java </label>
        <input type="checkbox" name="skill" value="java" id="j01">
        c++ <input type="checkbox" name="skill" value="C++">
        <br>
        上传头像:
        <input type="file">
        个人介绍:
        <textarea name="user_info" id="u02" cols="30" rows="10"></textarea>

        所在地区:<br>
        省份
        <select name="" id="">
            <option value="sh">上海</option>
            <option value="bj">北京</option>
            <option value="zj">浙江</option>
            <option value="gd">广东</option>
        </select>
        市\区
        <select name="" id="">
            <option value="pd">浦东</option>
            <option value="yp">杨浦</option>
            <option value="ja">静安</option>
            <option value="js">金山</option>
        </select>

        <br>
        <input type="submit" value="注册">
        <input type="reset">
        <!--        <input type="button" value="注册">-->
    </form>
    <iframe src="https://www.baidu.com" frameborder="0" width="500px" height="300px"></iframe>

</div>


</body>
</html>

标签:gt,java,--,HMTL,c++,表单,学习
From: https://www.cnblogs.com/gxj521test/p/16979577.html

相关文章

  • 学习新编程语言的信心
    由于新项目的开展,最新又要学习一两门新的编程语言,其实很多是大同小异的语言,不免心生郁闷,为什么要弄这么多的编程语言,甚至有时候为了解决一个领域的问题,就需要新学一门语言,......
  • 【学习笔记】UKK线性求后缀树
    (话说是不是可以直接SAM线性构造啊QAQ)构造过程直观图入门......
  • Vue3.0文档学习心得--依赖注入
    1.provide():在祖先组件或整个应用(通过 app.provide()) 提供一个值,可以被后代组件注入。(1)第一个参数是要注入的key,可以是一个字符串或者一个symbol,第二个参数是要......
  • git学习使用
    目录​​git原理​​​​git分支​​​​创建分支​​​​删除分支​​​​切换分支​​​​关联分支​​​​gitpull​​​​gitpush​​​​gitrebase​​​​git提......
  • awk学习一之资料总结
    目录​​官网​​​​awkhelp​​​​manawk​​​​awk系列文章​​​​awk优秀文章​​官网官方手册​​​https://www.gnu.org/software/gawk/manual/​​awkhelpm......
  • 机器学习 -- 分类
    1.朴素贝叶斯  贝叶斯决策理论方法是统计模型决策中的一个基本方法,基本思想如下: (1)已知类条件概率密度参数表达式和先验概率 (2)利用贝叶斯公式转换成后验概率 (3)......
  • 学习方法
    费曼学习法:将自己所学的知识,讲述给别人听用自己的语言,通俗易懂的讲述给别人听,别人听懂了也就学会了。持续不断的学习Java:1995年推出,给程序员设计大型的分布式复杂应用而......
  • 直播电商平台开发,HTML和CSS分别实现注册页面表单
    直播电商平台开发,HTML和CSS分别实现注册页面表单<!DOCTYPEhtml><html><head>  <metacharset="UTF-8">  <title>HTML注册页面</title></head><body><formaction......
  • Day5 - 常用模块学习
    本节大纲:模块介绍time&datetime模块randomossysshutiljson&picleshelvexml处理yaml处理configparserhashlibsubprocesslogging模块re正则表达式 模块,用一砣代码......
  • Day6 - 面向对象学习
    本节内容:面向对象编程介绍为什么要用面向对象进行开发?面向对象的特性:封装、继承、多态类、方法、 1.引子你现在是一家游戏公司的开发人员,现在需要你开发一款叫做<......