首页 > 其他分享 >HTML

HTML

时间:2022-12-24 19:34:01浏览次数:31  
标签:form ss 日期 HTML 徐坤 肖战

ss

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>form</title>
    </head>
    <body>
        <!-- action:提交位置 -->
        <!-- method:提交方式
                get:提交到地址的数据,会在浏览器上的地址栏中显示出来;安全性要低些;数据提交的效率高;无法实现文件上传;数据提交的大小有限制
                post:提交到地址的数据,不会在浏览器上的地址栏中显示出来;安全性要高些;数据提交的效率低;文件上传提交方式要设置为post;数据提交的大小没有限制
         -->
        <!-- 
        表单提交的要求
            1.form设置action
            2.需要提交数据(表单元素),需要嵌套form表单中
            3.form中一定要有submit按钮
            4.需要提交表单元素都要设置name属性
            5.点击按钮之后,提交这个按钮所在的form中的数据
            
            一般一个html文档中只有form标签
          -->
        <form action="2.图片.html" method="get">
            <!-- input:输入框
                type:设置input的类型
                    text:文本输入框
                name:名称,如果需要通过form提交当前input输入框中的值一定要设置input的name属性
             -->
            <input type="text" name="userName" /><br />
            <!-- type=submit 提交按钮,点击按钮之后,将 form标签中的 表单元素中的数据提交到action地址 -->
            <input type="submit" value="提交按钮" />
        </form>

        <form action="1.基本标签.html">
            <input type="submit" value="提交按钮" />
        </form>
        <br><br>

        <form action="1.基本标签.html">
            <table width="400px">
                <tr>
                    <td width="120px" align="right">账号:</td>
                    <td>
                        <!-- 
                            type:设置input的类型
                                text:文本输入框
                                password:密码框
                            name:名称
                            value:输入框中的值,默认值;输入框填写的内容会赋值给当前的输入框的value属性
                            maxlength:输入内容的长度
                            readonly:只读
                            required:非空验证
                         -->
                        <input type="text" name="userName" value="admin" maxlength="5" required="required" />
                    </td>
                </tr>
                <tr>
                    <td align="right">密码:</td>
                    <td>
                        <input type="password" name="passWord" value="123456" />
                    </td>
                </tr>
                <tr>
                    <td align="right">性别:</td>
                    <td>
                        <!-- 
                            checked:默认选中
                            一组的所有的单选按钮的name属性要相同
                            单选按钮的value要设置
                            提交的是选中的单选按钮的value属性的值
                         -->
                        <input type="radio" name="userSex" value="男" checked="checked" />男
                        <input type="radio" name="userSex" value="女"> 女
                    </td>
                </tr>
                <tr>
                    <td align="right">喜欢的明星:</td>
                    <td>
                        <!-- 
                            checked:默认选中
                            一组的所有的复选框的name属性要相同
                            复选框的value要设置
                            提交的是选中的复选框的value属性的值
                         -->
                        <input type="checkbox" name="mingxing" value="蔡徐坤" checked="checked" />蔡徐坤
                        <input type="checkbox" name="mingxing" value="肖战" />肖战
                    </td>
                </tr>
                <tr>
                    <td align="right">地址:</td>
                    <td>
                        <!-- 
                            select:下拉列表
                            option:选项(子标签),value属性设置给option,如果option设置value属性,提交选中的option中value属性,
                                没有设置value,提交选中的option中文本
                                selected:option默认选中
                         -->
                        <select name="userAddress">
                            <option value="1">湖北武汉</option>
                            <option selected="selected">浙江杭州</option>
                            <option>河南开封</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td align="right">日期时间:</td>
                    <td>
                        <input type="datetime-local" name="userTime" />
                    </td>
                </tr>
                <tr>
                    <td align="right">日期:</td>
                    <td>
                        <input type="date" name="userDate" />
                    </td>
                </tr>
                <tr>
                    <td align="right">图像:</td>
                    <td>
                        <input type="file" name="myFile" />
                    </td>
                </tr>
                <tr>
                    <td align="right">个人介绍:</td>
                    <td>
                        <textarea rows="2" cols="15" name="userMiaoshu"></textarea>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="submit" value="注册" />
                        <input type="reset" value="重置">
                        <input type="image" src="img/z2.png" />
                    </td>
                </tr>
            </table>
        </form>

    </body>
</html>

 

标签:form,ss,日期,HTML,徐坤,肖战
From: https://www.cnblogs.com/19981206-zxb/p/17003259.html

相关文章

  • Vue之v-html指令
    v-html指令             1.作用:向指定节点中渲染包含html结构的内容。            2.与插值语法的区别:    ......
  • 前端知识学习案例3-开发企业网站3-编写html结构代码1
    ......
  • Html+css+js+jquery
     第1章<!DOCTYPEhtml>  <!--规定用这个规则--><htmllang="en"><head><!--haide就是定义你一些内在的东西-->  <!--charset\chasaite-->  <met......
  • cucumber:使用cucumber-reporting 插件优化HTML report
    承接上一篇:API测试框架:cucumber+springBoot+restAssured原始的cucumberreport比较粗糙,如图下: 我们可以通过cucumber-reporting插件对报告进去优化,集成介绍如下:1)......
  • HTML之有序列表、无序列表
    有序列表有序列表(可表示步骤,顺序,排名等)(两个元素,二者之间为父子关系,li必须包裹在ol内,是orderlist,listitem缩写。w3c标准:ol内只能嵌套li标签,要嵌套其他标签必须在li标签......
  • HTMl插入视频背景
    插入视频背景一段简单的css即可首先定义HTML的video标签<videosrc="视频路径"class="bjimg"autoplayloopmuted></video>其次加入css代码引用或者直接插入都可以......
  • HTML 设置通过模糊查询可以使表格某行数据显示高亮
    背景最近在做项目的过程中,一个功能需要把表格的某一行数据显示高亮,通过学习和查阅资料查到一些方法。正文想要让某一行数据高亮,需要准备的数据:搜索框、搜索按钮,以及展示的表......
  • HTML中<button />和<input type=“button“/>的区别
    根据上篇博文提到的显示高亮的内容,在点击按钮的时候用到了<inputtype="button">的标签,为什么会使用使用<input>标签,而不使用<button>标签呢?现象1、我们在使用<inputtype="......
  • js 拼接HTML字符串 onclick事件传多个参数问题
    <!DOCTYPEhtml><htmllang="en"><head>   <metacharset="UTF-8">   <title>js字符串拼接onclick出现的问题</title></head><body>   <divid="box">    ......
  • C#正则表达式提取HTML中IMG标签的SRC地址
    一般来说一个HTML文档有很多标签,比如“<html>”、“<body>”、“<table>”等,想把文档中的img标签提取出来并不是一件容易的事。由于img标签样式变化多端,使提取的时候......