表单标签，与用户交互

最新推荐文章于 2021-04-29 17:33:09 发布

又一个包子

最新推荐文章于 2021-04-29 17:33:09 发布

阅读量418

点赞数

分类专栏： html基本知识

本文链接：https://blog.csdn.net/whpu1234/article/details/81364840

版权

html基本知识专栏收录该内容

27 篇文章 1 订阅

订阅专栏

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

1.使用表单标签，与用户交互
<form method="传送方式" action="服务器文件" ></form>
1) action ：浏览者输入的数据传送到的目的地
2) method ：数据传送的方式
　注意：label标签　
　　　　１）label标签为input元素定义标注(标记)，它不会向用户呈现任何特殊效果，
　　　　２）为了实现点击文字也能选中/取消checkbox或radio。
　　　　　　常用于与checkbox（复选框）或radio（单选框）关联，
　　　　３）显式关联是通过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>

运行结果：

又一个包子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单标签，与用户交互

另一篇博客介绍常用表单元素：https://blog.csdn.net/whpu1234/article/details/813176941.使用表单标签，与用户交互 &lt;form method="传送方式" action="服务器文件" &gt;&lt;/form&gt; 1) action ：浏览者输入的数据传送到的目的地 2) method ：数据传送的方式　注意：la...
复制链接

扫一扫