zoukankan      html  css  js  c++  java
  • HTML表单设计(下)

    4,单选框和复选框

      a,当<input type=“radio”>时,为单选按钮

      b,当<input type=“chekebox”>时,为复选框

      c,注意:单选框和复选框都可以使用“cheked”属性来设置默认选中项

    5,隐藏域

      当<input type=“hidden”>时,为隐藏表单域

    6,多行文本域

      用法,使用<textarea>标记可以实现一个,能够输入多行文本的区域

      语法格式<textarea name=“name” rows =“value” value=“value”>......</textarea>

      rows属性和cols属性分别用来指定,显示的行数和列数,单位是字符个数

    7,菜单下拉列表域

      select标记

      语法格式:

        a,<select name=“” size=“” multiple>

        b,<option value=“value” selected>选项1</option>

        c,.....</select>

      属性

      option标记

        <option>标记用来指定列表中的一个选项,需要放在<option><option>之间

        给选项赋值,指定传送到服务器上面的值

        selected 指定默认的选项

    eg:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>表单设计</title>
    </head>
    <body>
    <form action="no" method="get">
    帐号:<input type="text" name="name" value="" size="10" maxlength="5">
    <br><br>
    密码:<input type="password" name="password" value="" size="10" src="5">
    <br><br>
    <input type="hidden" value="隐藏的内容" size="10" name="dsjfldsfjsd">
    爱好:<input type="checkbox" name="tiyu" checked>体育<input type="checkbox" name="changge">唱歌
    <br><br>
    性别:<input type="radio" name="sex" checked>男<input type="radio" name="sex">女
    <br><br>
    自我介绍:
    <textarea cols="55" rows="10" name="ziwojieshao">
    这里是自我介绍

    </textarea>
    <br><br>
    地址:
    <select>
    <option value="sichuan">四川</option>
    <option value="beijing">北京</option>
    <option value="shanghai">上海</option>
    </select>
    <br><br>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
    <input type="button" value="按钮">
    </form>
    </body>
    </html>
  • 相关阅读:
    山东第一届省赛1001 Phone Number(字典树)
    HD2222 Keywords Search(AC自动机入门题)
    POJ 1947Rebuilding Roads(树形DP + 01背包)
    zoj 3946 Highway Project(最短路 + 优先队列)
    HDU5672String(尺标法)
    HDU5671Matrix(矩阵行列交换)
    HDU5670Machine(抽象进制)
    用户体验评价
    团队冲刺第二阶段-6
    第十四周学习进度
  • 原文地址:https://www.cnblogs.com/lzp1103/p/7822362.html
Copyright © 2011-2022 走看看