表单标签,与用户交互

另一篇博客介绍常用表单元素:https://blog.csdn.net/whpu1234/article/details/81317694

1.使用表单标签,与用户交互
  <form method="传送方式" action="服务器文件" ></form>
  1) action :浏览者输入的数据传送到的目的地
  2) method :数据传送的方式
 注意:label标签 
    1)label标签为input元素定义标注(标记),它不会向用户呈现任何特殊效果,
    2)为了实现点击文字也能选中/取消checkbox或radio
      常用于与checkbox(复选框)或radio(单选框)关联,
    3)显式关联是通过label标签的for属性,显式与另一个表单控件关联。需要注意的是,
       for属性的值必须是与label标签在同一文档中的可标记表单元素的id,注意是id而不是name。

demo:
 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单标签</title>
</head>
<body>
<form method="post" action="save.php">
      <label for="username">用户名:</label>
      <input type="text"  name="username" id="username" value="" />
      <br>
      <label for="pass">密码:</label>
      <input type="password"  name="pass" id="pass" value="" />   
      <br>
      <input type="submit" value="确定"  name="submit" />
      <input type="reset" value="重置" name="reset" />
</form>  
</body>
</html>

运行结果:

猜你喜欢

转载自blog.csdn.net/whpu1234/article/details/81364840
今日推荐