H5學習之旅-H5的表單（11）-H5教程-PHP中文網

H5學習之旅-H5的表單（11）

黄舟

發布： 2017-02-17 14:37:14

原創

1834 人瀏覽過

H5的表單元素

form：表單

input：輸入域，type屬性可以設定text，password，button等不同的屬性

textarea：文字網域名稱：控制

網域

legend:網域的標題

select：選擇清單

optgroup：選項群組

option：下拉清單中的選項

button：按鈕

！！！！！！！！！！程式碼實例

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body><form>
    用户名：    <br/>
    <input type="text">
    密码：    <input type="password">
    你有喜欢的水果没？    <br/>
    苹果<input type="checkbox">
    西红柿<input type="checkbox">
    香蕉<input type="checkbox">
    <br/>
    请选择您的性别？    <br/>
    男<input type="radio" name="sex">
    女<input type="radio" name="sex">
    <br/>
    请选择您经常去的网站？    <br/>
    <select>
        <option>www.baidu.com</option>
        <option>www.google.com</option>
        <option>www.youku.com</option>
    </select>
    <br/>
    <input type="button" value="按钮">
    <input type="submit"></form>
    <textarea cols="30" rows="30">请在此填写个人信息</textarea></body></html>

登入後複製

！！！！！效果圖

H5的表單元素 H5學習之旅-H5的表單（11）

form：表單

input：輸入域，type屬性可以設定text，password，button等不同的屬性

fieldset：定義網域

legend:網域的標題

select：選擇清單

optgroup：選項群組

option：下拉清單中的選項

button：

option：下拉清單中的選項

button：

option：下拉清單中的選項

button：

option：下拉清單中的選項

button：

option：下拉清單中的選項

button： H5學習之旅-H5的表單（11） option：下拉清單中的選項

button: ！！！！！！！！！程式碼實例

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body><form>
    用户名：    <br/>
    <input type="text">
    密码：    <input type="password">
    你有喜欢的水果没？    <br/>
    苹果<input type="checkbox">
    西红柿<input type="checkbox">
    香蕉<input type="checkbox">
    <br/>
    请选择您的性别？    <br/>
    男<input type="radio" name="sex">
    女<input type="radio" name="sex">
    <br/>
    请选择您经常去的网站？    <br/>
    <select>
        <option>www.baidu.com</option>
        <option>www.google.com</option>
        <option>www.youku.com</option>
    </select>
    <br/>
    <input type="button" value="按钮">
    <input type="submit"></form>
    <textarea cols="30" rows="30">请在此填写个人信息</textarea></body></html>

登入後複製

！！！！！效果圖

🎜🎜 以上就是H5學習之旅-H5的表單（11）的內容，更多相關內容請關注PHP中文網（www.php.cn）！ 🎜🎜🎜🎜🎜