表单标签基本属性

表单区域是由<form></form>来定义的

首先来看一段代码:

<form method="get/post" action="url">
<!-- 文本框 -->
<input type="text" name="username" required="required">
<!-- 提交按钮 -->
<input type="submit" name="information" value="Sublim">
<!-- 单选按钮 -->
Star1:<input type="radio" name="star" value="Star1" checked="checked">
Star2:<input type="radio" name="star" value="Star2">
Star3:<input type="radio" name="star" value="Star3">
<!-- 复选按钮 -->
Province1:<input type="checkbox" name="province" value="Province1">
Province2:<input type="checkbox" name="province" value="Province2">
Province3:<input type="checkbox" name="province" value="Province3">
Province4:<input type="checkbox" name="province" value="Province4">
</form>
<form>标签的属性常用的有:

method="get/post";该属性表明该表单的发送方式是get(从服务器获取数据)还是post(向服务器传送数据);

action="url";该属性表明表单的数据发送给谁,就是发送给URL=url的地址;


<input>标签的属性有:

**注意**:表单得到的信息,必须有数据名和数据内容才能被正确的提交;

先来看文本框:

name="username";规定了数据名,再在文本区域中添加信息就可以得到数据名对应的数据值了;

required="required";将文本输入框规定为必填;如果规定必填而没有填,就会出现提示,如下图所示


看到底有没有提交成功,可以看地址栏,提交成功后会有对应的数据名和数据值:


url后面是问号表连接作用;提交后,文本框的name值就会等于我们输入进去的值


提交按钮主要就是提交的作用了,可以通过改变value的值,来改变按钮上的文字,一般默认是“提交”;


后面的单选按钮和复选按钮,有一个共同注意的点:

name="value";相关联的radio的name属性必须相同;相关联的checkbox的name属性也必须相同绑定在一起!!!

checked="checked";默认选中项;



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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值