HTML表单标签

(1)表单的组成

表单域 表单控件 提示信息

 (2)表单域(form组成)

  代码

action 表示地址 是接收受表单的地址

method表示提交表单拿到方式

name表示表单名字()

<!-- action 表示地址 是接收受表单的地址 -->
    <!-- method表示提交表单拿到方式 -->
    <!-- name表示表单名字 -->
    <form action="处理表单数据的网页.html" method="" name="名字1">

    </form>

 (3)表单元素(input及后面的属性)

input属性

type(用户输入类型) name(元素名称) value(未输入时文本框内容)

checked(默认选项) maxlength(输入最大长度))

type =“ ”(写在input里面的属性)

 

 样例

<form action="处理表单数据的网页.html" method="" name="名字1">
    <!-- 表单元素 --> 
    用户名: <input type="text"><br>
    密码:<input type="password"><br>
    恋爱情况:单身<input type="radio"> 恋爱 <input type="radio"><br>
    <!-- checkbox可以实现多选 -->
    喜好:吃饭 <input type="checkbox">睡觉<input type="checkbox">小红 <input type="checkbox"> 
    </form> 

 运行图

 name(写在input里面的属性

一般写在多选一里面 就是选项对应的name名字一样

 

但可以方便后台查看

value(写在input里面的属性)

 输入的东西将在文本框中显示

 

 checked

跟在某一个选项后面,在进入页面后就已经默认选中

 

 maxlength

在输入文本框中的最大限制字数

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值