from表单

from表单:
文本框
密码框
单选按钮
复选框
下拉框
文本域
按钮


css样式使用:
1.from表单
作用:输入的数据可以通过from标签指定的属性和方法进行提交
语法:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>from表单</title>
</head>
<body>
用户名<input type="text" />
<br>
密码框<input type="password" />
</body>
</html>
-文本框:使用input标签
示例:type=text
密码框:使用input标签
示例:type=passworld
单选框:使用input标签
示例:type=radio(重点:在一组的单选框才能有单选效果 name属性值为相同值时为一组)
复选框:使用input标签
示例:type=checkbox
下拉框:使用select标签
示例:<select>
<option>北京</option>
</select>
文本域:使用textarea标签 (cols:默认显示列数(宽) rows:默认显示行数(高))
示例:<textarea cols="30" rows="10"></textarea>
按钮:使用input标签
提交按钮:type=submit
重置按钮:tyjpe=reset
普通按钮:type=buton
测试细节:1.文本框应该有提示文字:<input type="text" placeholder="请输入用户名"/>
2.整个注册页面 应该有1个文本框作为默认焦点:autofocus="autofocus"
3.单选和复选按钮一般可以有默认值 使用:checked="checked"添加默认选中
4.下拉框可以根据地区自动选择城市 使用:selecte="selecte"修改默认值
5.单选按钮及复选框测试点关注:1.默认选中值
2.点击文字可以选中
问题:如何实现点击文字选中标签?
思路:将文字放入一个容器中(label标签)
关联:将label标签和指定的标签管理 使用label中的for属性的值(值为要关联标签的id)
语法:<label for="要关联标签的id属性">女</label>

 

posted @ 2021-11-29 23:37  在下十九  阅读(239)  评论(0)    收藏  举报