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>
  • 相关阅读:
    DELL(linux 系统里系统掉盘)(阵列Foreign)命令行里重做阵列
    MegaCli 管理raid
    Linux下DNS服务器
    Linux 系统用户密码长度以及复杂度进行限制 PAM
    Linux 用户密码有效期
    Linux服务器系统安全
    整理sql数据
    简单的shell脚本-程序启停
    spring 获取bean的方法
    git 使用squid设置http代理
  • 原文地址:https://www.cnblogs.com/lzp1103/p/7822362.html
Copyright © 2011-2022 走看看