HTML表單

乞力馬紮羅的雪CYF發表於2015-09-26
原文網址 : https://blog.csdn.net/chenyufeng1991/article/details/48752629
HTML

1.表單用於獲取不同型別的使用者輸入；

2.常用表單標籤：

<form>            表單

<input>           輸入域

<textarea>     文字域

<label>          控制標籤

<fieldset>       定義域

<legend>       域的標題

<select>        選擇列表

<optgroup>   選項組

<option>        下拉選單中的選項

<button>       按鈕


程式碼示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表單</title>
</head>
<body>

    <form>
        使用者名稱：
        <input type="text"><br/>
        密碼：
        <input type="password">
        <br/><br/>


        你喜歡的水果有？<br/>
        <input type="checkbox">蘋果
        <input type="checkbox">香蕉
        <input type="checkbox">梨
        <input type="checkbox">葡萄
        <br/><br/>


        您的性別：
        <input type="radio" name="gender">男
        <input type="radio" name="gender">女
        <br/><br/>


        你最喜歡的網站：
        <select>
            <option>百度</option>
            <option>騰訊</option>
            <option>谷歌</option>
            <option>京東</option>
        </select>
        <br/><br/>


        <input type="button" value="確定">
        <input type="submit">
        <br/><br/>

    </form>


    評論：
    <textarea cols="30" rows="20">請輸入您想說的話：</textarea>


</body>
</html>

執行效果如下：

。


github主頁：https://github.com/chenyufeng1991  。歡迎大家訪問！

相關文章