zoukankan      html  css  js  c++  java
  • 7表单2

    文本域(多行文本框)

    <textarea>元素用来创建多行文本框。与其他input元素不同,<textarea>元素并非空元素,因此它包含起始标签和结束标签。
    页面加载时,在起始标签<textarea>和结束标签</textarea>之间出现的所有文本将显示在相应的文本框里。
    如果用户没有删除位于两个标签之间的文本,那么这个预设的消息将会与用户输入的内容一并发送到服务器(有些网站在用户单击文本域时利用JavaScript自动将这些清楚)。
    如果你正在创建一个新表单,应该使用CSS来控制<textarea>元素的宽度和高度。但如果你正在查看旧代码,就可能看到用于<textarea>元素的co1s特性和rows特性。
    co1s特性指定文本域有多宽(以字符的数量来衡量)。rows特性指定文本域在纵向上占据的行数。

    eg:

    <html>
    <body>
        <form action="http://www.example.com/comments.php">
            <p>
                What did you think of this qiq?
            </p>
            <textarea name="comments">
                Enter your comments ...
            </textarea>
        </form>
    </body>
    </html>
    

    效果如下图:

    单选按钮
    <input>

    type="radio"
    

    单选按钮只让用户从一系列按钮中选择其中一个。
    name
    name特性与用户所选择选项的值一同发送到服务器。当一个问题以单选按钮的形式给用户提供了一系列答案时,用来回答这个问题的所有单选按钮的name特性值都应该相同。
    value
    value特性为选项指定了被选中时要发送到服务器的值。同一组中的每个按钮的值应该各不相同(这样服务器才知道用户选择了哪个选项)。
    checked
    checked特性可用来指定当页面加载时哪个值(如果有的话)会被选中。这个特性的值为checked,同一组中的单选按钮只能有一个使用此特性。
    注意:一旦选中了某个单选按钮,便不能取消选中,用户只能选择另一个选项。如果只为用户提供了一个选项并且允许他们取消选中(例如,他们是否表示同意某些条款和协议),那么你应该改用一个复选框来完成此功能。
    eg:

    <html>
        <body>
            <form action="http://www.example.com/profile.php"></from>
            <p>
                Please select your favorite genre:
                <br />
                <input type="radio" name="genre"  value="rock"  checked="checked"  />Rock
                <input type="radio" name="genre"  value="pop"   />Pop
                <input type="radio" name="genre"  value="jazz"  />Jazz
            
            </p>
        </form>
            </body>
        </body>
    </html>
    
    

    效果如下图:

    复选框

  • 相关阅读:
    spring boot 1.4 整合 mybatis druid
    大话设计模式读书笔记--6个原则
    大话设计模式读书笔记--23.访问者模式
    大话设计模式读书笔记--22.解释器模式
    大话设计模式读书笔记--21.享元模式
    大话设计模式读书笔记--20.中介者模式
    大话设计模式读书笔记--19.责任链模式
    大话设计模式读书笔记--18.命令模式
    大话设计模式读书笔记--17.桥接模式
    大话设计模式读书笔记--17.单例模式
  • 原文地址:https://www.cnblogs.com/Acapplella/p/13394447.html
Copyright © 2011-2022 走看看