HTML-表单

表单

  • 表单的格式
    在这里插入图片描述
    在这里插入图片描述

表单标签的详解

form标签:
 action= ""属性 表示提交的url网址,默认为空提交到当前url
 method=""属性  提交方式 默认get 也可以选择post
input标签
  • type属性:
文本输入框: type="text" 默认的
密码输入框: type="password"
提交框: type="submit"
单选框: type="radio"
多选框: type="checkbox"
重置按钮: type="reset"
按钮框: type="button"
隐藏域: type="hidden"
  • name属性:
name="值"
设置name属性,用来接收传递的input中的内容

如果是单选框必须设置name的值为一致, 否则失效
  • value属性:
value=值  用来设置默认值
单选框的name值就是value值来区分的
  • placeholder="值"属性
placeholder="值" 输入框提示信息

在这里插入图片描述
在这里插入图片描述

下拉框
  • 使用select标签 option为属性, selected指定默认值
    在这里插入图片描述
    效果
    在这里插入图片描述
多行文本域

在这里插入图片描述

在这里插入图片描述

label标签
  • 可以绑定id进行点击事件
    在这里插入图片描述
    在这里插入图片描述
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值