8、常用HTML及from表单

发布时间：2020-07-19 18:28:42 来源：网络阅读：364 作者：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表单