1、form表單有什么作用某残？有哪些常用的input 標簽，分別有什么作用陵吸？

• form表單用于收集用戶輸入。將收集到的用戶數(shù)據(jù)提交到后臺服務(wù)器介牙。

2壮虫、post 和 get 方式的區(qū)別？

• get是把用戶提交表單時的數(shù)據(jù)加到URL中环础，這些在URl中的數(shù)據(jù)對用戶來說是可見的囚似。post是通過HTTP POST機制，將表單內(nèi)各個字段與其內(nèi)容放置在HTML HEADER內(nèi)一起傳送到action屬性所指的URL地址线得，數(shù)據(jù)對于用戶來說是不可見的饶唤。
• get請求在URL中傳送的參數(shù)是有長度限制的，而post沒有贯钩。
• get方式安全性低募狂，post方式較安全。但是post方式執(zhí)行效率要比get方式差一些角雷。
• get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請求祸穷，而Post是向服務(wù)器提交數(shù)據(jù)的一種請求。

總結(jié)：#####

（1）get方式的安全性較post方式要差一些勺三，所以雷滚，包含一些重要的信息的話，簡易使用post數(shù)據(jù)提交方式吗坚。
（2）在做查詢統(tǒng)計的時候祈远，使用get方式要更好一些；而在做數(shù)據(jù)的添加商源，修改或刪除操作時车份，使用post數(shù)據(jù)提交方式更好些。

3炊汹、在input里躬充，name 有什么作用？

• name 屬性規(guī)定 input 元素的名稱。
• 對提交到服務(wù)器后的表單數(shù)據(jù)進行標識充甚，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)以政。
• 只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

4伴找、radio 如何 分組?

按name來分盈蛮，name相同就是一組。

5技矮、placeholder 屬性有什么作用

• 顯示輸入框里的預(yù)設(shè)值抖誉，一般起到提示作用。
• placeholder 屬性適用于以下輸入類型：text衰倦、password袒炉、search、url樊零、tel我磁、email 。

6驻襟、type=hidden隱藏域有什么作用? 舉例說明

設(shè)置在頁面的隱藏域夺艰，用戶是不可見的。用戶提交表單時隱藏域中的信息會一起發(fā)送到服務(wù)器沉衣，服務(wù)器對隱藏域中的值進行驗證郁副，提高安全性。

7豌习、寫一篇博客簡單介紹 HTML 表單的用法存谎，附上博客鏈接

    <div class="login">
    <form action="/www" method="get">    \form標簽包圍表單,注意get和post的使用
        <div class="username">
            <label for="user">姓名</label>   \label的用法，placeholder的使用
            <input id="user" type="text" name="uername" placeholder="lili">
        </div>
        <div class="password">
            <label for="ps">密碼</label>
            <input id="ps" type="password" name=password>
        </div>
            <div class="submit">
            <button>提交</button>
        </div>
        <div class=hobby>
            <label>愛好</label>       /checkbox標簽時斑鸦，name應(yīng)相同愕贡，注意value的作用
            <input type="checkbox" name="hobby" value="dushu">讀書
            <input type="checkbox" name="hobby" value="xiezi">鞋子
            <input type="checkbox" name="hobby" value="yifu">衣服
        </div>
        <div class="sex">
        <label>sex</label>           /radio標簽時，name相同為一組
            <input type="radio" name="sex" value="nan">男
            <input type="radio" name="sex" value="nv">女
            <input type="radio" name="sex2" value="nan">男
            <input type="radio" name="sex2" value="nv">女
        </div>
        <div clas="file">        /file標簽巷屿，accept="png/image"可以限制上傳圖片格式
            <label>圖片</label>
            <input type=file name="mafile">
        </div>
        <div class="select">            /下拉菜單的使用方法
            <select name="city">
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            </select>
        </div>
        <div class="textarea">      /多行文字的使用方法固以。填入的11111111“相當(dāng)于”value
            <textarea name="article" rows="30" cols="50">
            11111111
            </textarea>
        </div>
        </div>
    </form>