使用提交按钮,提交数据

语法

<input   type="submit"   value="提交">

type:只有当type值设置为submit时,按钮才有提交作用

value按钮上显示的文字

举例

提交和重置

在浏览器中显示的结果:

提交和重置

 

 

使用重置按钮,重置表单信息

只需要把type设置为"reset"就可以。

语法

<input type="reset" value="重置">

type:只有当type值设置为reset时,按钮才有重置作用

value按钮上显示的文字

举例

提交和重置

在浏览器中显示的结果:

提交和重置

 

form表单中的label标签

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该 label标签相关连的表单控件上)。

语法:

<label for="控件id名称">

注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

例子:

<form>
  <label for="male">男</label>
  <input type="radio" name="gender"  />
  <br />
  <label for="female">女</label>
  <input type="radio" name="gender"  />
  <label for="email">输入你的邮箱地址</label>
  <input type="email" >
</form>

相关文章:

  • 2022-12-23
  • 2021-12-31
  • 2021-12-10
  • 2021-08-10
  • 2021-06-12
  • 2021-04-17
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-28
  • 2021-05-06
  • 2022-12-23
  • 2021-12-06
  • 2021-09-08
  • 2021-07-05
相关资源
相似解决方案