码迷,mamicode.com
首页 > 其他好文 > 详细

7-表单2

时间:2020-07-29 10:05:07      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:用户   textarea   you   loading   html   gen   text   并发   选择   

文本域(多行文本框)

<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>

效果如下图:
技术图片

复选框

7-表单2

标签:用户   textarea   you   loading   html   gen   text   并发   选择   

原文地址:https://www.cnblogs.com/Acapplella/p/13394447.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!