温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

8、常用HTML及from表单

发布时间:2020-07-19 18:28:42 来源:网络 阅读:336 作者:yht_1990 栏目:开发技术

参考链接:https://www.cnblogs.com/liwenzhou/p/7988087.html

<!DOCTYPE html>
<html>
        <head>
            <meta charset="utf-8">
            <title>我的第一个页面</title>
        </head>
        <h2>这是一个测试</h2>
        <!--表单
            action数据提交到哪个URL上,就由相应的URL函数去处理逻辑
            method提交的方式是什么,GET/POST
            method为空的情况下,点提交数据会提交到当前的url方式上
        -->
        <form action="" method="">
            <!--
                name指的提交数据的名字
                value 指定提交的数据内容是什么  
            -->
            <!--用户名文本框-->
            用户名: <input type="text" name="username" value="yht" />   <!-- 空格代码--> 

            <!--密码框-->
            密码: <input type="password"  name="password" value="" />
            </br> <!--br换行-->

            <!--圆形单选框,在name属性值相同的情况下,页面只准选一个,checked页面默认显示选择男-->
            <input type="radio" name="sex" value="1" checked="checked" />男
            <input type="radio" name="sex" value="0" />女
            </br> <!--br换行-->

            <!--方形多选框,这里value可以写同一个,一样可以多选-->
            爱好: <input type="checkbox" value="zuqiu" name="zuqiu" checked="checked"  />足球
                  <input type="checkbox" value="pinpang" name="pinpang" />乒乓球
                  <input type="checkbox" value="duobi" name="duobi" />躲壁球
            </br> <!--br换行-->

            <!--下拉框-->
            年龄范围:<select name="age">
                <option value="1-10">1-10</option>
                <option value="11-20">11-20</option>
                <option value="21-30" selected="selected" >21-30</option> <!--selected属性表示页面默认选择此项-->
            <select/>
            </br> <!--br换行-->

            <!--文本输入框,key是desc,values是你页面上输入的值,所以这个不用写value-->
            <textarea name="desc">文件输入框</textarea>
            </br> <!--br换行-->

            <!--日期插件-->
            出生日期: <input type="date" name="shengri" value="2019-05-01" />   
            </br> <!--br换行-->

            <!--超链接-->
            <a href="http://www.baidu.com">打开百度</a>
            </br> <!--br换行-->

            <!--表格-->
            <table border="1">
                <thead><!--t head表格头-->
                    <tr><!--行-->
                        <th>姓名</th> <!--列-->
                        <th>年龄</th>
                        <th>性别</th>
                    <tr>
                </thead>
                <tbody><!--表格体-->
                    <tr><!--行-->
                        <td>老王</td><!--列-->
                        <td>18</td><!--列-->
                        <td>男</td><!--列-->
                    </tr>
                    <tr><!--行-->
                        <td>老何</td><!--列-->
                        <td>18</td><!--列-->
                        <td>女</td><!--列-->
                    </tr>
                </tbody>    
            </table>

            <!--提交按钮,点击会提交-->
            <input type="submit" value="提交登陆" />

            <!--普通按钮,点击不提交-->
            <input type="button" value="普通登陆" />

                <!--重置按钮,点击清空已填写的选项-->
            <input type="reset" value="重置" />

        </form>

    <body>
        <!--注释-->
    </body>
</html>

IDE快捷健,在ide输入如下,再按tab健,$是指按照顺序排下去
h2*2>a.c1[id=a$]{a标签$}
结果显示如下
<h2><a href="" class="c1" id="a1">a标签1</a></h2>
<h2><a href="" class="c1" id="a2">a标签2</a></h2>

上传文件标签
8、常用HTML及from表单

form表单里面设及到上传文件就要使用enctype属性
8、常用HTML及from表单

邮件类型标签
8、常用HTML及from表单

用户在输入框输入时不提示曾经输入过的内容
8、常用HTML及from表单

隐藏标签
8、常用HTML及from表单

只读和设置默认值
8、常用HTML及from表单

输入框提示
8、常用HTML及from表单
8、常用HTML及from表单

只读输入框
8、常用HTML及from表单

label标签,加上label标准化,两种写法
8、常用HTML及from表单

多选下拉框
8、常用HTML及from表单

禁用框
8、常用HTML及from表单

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI