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 >打開百度</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表單