8、常用HTML及from表單

發(fā)布時(shí)間：2020-07-19 18:28:42 來源：網(wǎng)絡(luò) 閱讀：355 作者：yht_1990 欄目：開發(fā)技術(shù)

參考鏈接：https://www.cnblogs.com/liwenzhou/p/7988087.html

<!DOCTYPE html>
<html>
        <head>
            <meta charset="utf-8">
            <title>我的第一個(gè)頁(yè)面</title>
        </head>
        <h2>這是一個(gè)測(cè)試</h2>
        <!--表單
            action數(shù)據(jù)提交到哪個(gè)URL上，就由相應(yīng)的URL函數(shù)去處理邏輯
            method提交的方式是什么，GET/POST
            method為空的情況下，點(diǎn)提交數(shù)據(jù)會(huì)提交到當(dāng)前的url方式上
        -->
        <form action="" method="">
            <!--
                name指的提交數(shù)據(jù)的名字
                value 指定提交的數(shù)據(jù)內(nèi)容是什么  
            -->
            <!--用戶名文本框-->
            用戶名: <input type="text" name="username" value="yht" /> ? <!--?空格代碼--> 

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

            <!--圓形單選框，在name屬性值相同的情況下，頁(yè)面只準(zhǔn)選一個(gè),checked頁(yè)面默認(rèn)顯示選擇男-->
            <input type="radio" name="sex" value="1" checked="checked" />男
            <input type="radio" name="sex" value="0" />女
            </br> <!--br換行-->

            <!--方形多選框，這里value可以寫同一個(gè)，一樣可以多選-->
            愛好: <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屬性表示頁(yè)面默認(rèn)選擇此項(xiàng)-->
            <select/>
            </br> <!--br換行-->

            <!--文本輸入框,key是desc,values是你頁(yè)面上輸入的值，所以這個(gè)不用寫value-->
            <textarea name="desc">文件輸入框</textarea>
            </br> <!--br換行-->

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

            <!--超鏈接-->
            <a >打開百度</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>

            <!--提交按鈕，點(diǎn)擊會(huì)提交-->
            <input type="submit" value="提交登陸" />

            <!--普通按鈕，點(diǎn)擊不提交-->
            <input type="button" value="普通登陸" />

                <!--重置按鈕，點(diǎn)擊清空已填寫的選項(xiàng)-->
            <input type="reset" value="重置" />

        </form>

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

IDE快捷健，在ide輸入如下，再按tab健，$是指按照順序排下去
h2*2>a.c1[id=a$]{a標(biāo)簽$}
結(jié)果顯示如下
<h2><a href="" class="c1" id="a1">a標(biāo)簽1</a></h2>
<h2><a href="" class="c1" id="a2">a標(biāo)簽2</a></h2>

上傳文件標(biāo)簽
8、常用HTML及from表單