第一个网页以仅html,HTML基础之第一个网页

一,单选按钮

type="redio"

注意:

1.必须要给这一组单选按钮添加name值才能实现单选效果,

2.点击文字也能够切换:加 label 标签,并且设置 for 属性对应的单选按钮的 id 属性值一致,

3.设置默认选中状态:给单选按钮添加checked="checked"

具体代码如下:

姓名

密码

性别:男

保密

二,下拉菜单

select和option的组合

注意:1.如果想设置多组下拉菜单,需要添加一个optgroup标签,并设置label属性作为提示文字

2.如果想设置默认选中状态,需要给optiom添加selected属性

具体代码如下:

地址:

江西

北京

江苏

浙江

景德镇

新余

南昌

九江

海淀区

朝阳区

密云区

三,文本域

testarea 标志多行文本

注意:文本域不能设置rows,cols属性,因为浏览器的解析的结果都不一样,如果要让每个浏览器大小相同,必须设置width height才行 也可以使用placeholder

具体代码如下

自我介绍:

四,多选框

type="checkbox"

它的使用方法和细节与单选框一致

具体代码如下:

爱好:运动

音乐

打游戏

睡觉

五,按钮

1,提交按钮 type="submit" 注意:需要设置value值属性,否则浏览器之间有兼容性问题

2,重置按钮 type="reset" 恢复刷新后的默认状态,也需要设置value值属性

3,其他按钮 type="button" 或者直接使用

具体代码如下:

按钮说明

具体结果:

16342ef0cda4

image.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值