慕粉3982119
2016-09-20 21:17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格</title>
</head>
<body>
<form method="post" action="save.php">
<label for="uesrname">用户名</label>
<input type="test" name="username" id="username" value="" />
<label for="password">密码</label>
<input type="password" name="pass" id="pass" value="" />
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
</form>
</body>
</html>
有几个问题,麻烦大神解答一下
1:这是我用DW8敲出来的代码,但是周围出现了红色框框,请问哪里错了。
2:为何用户名和密码需要label for符号,而确定和重置不需要?
3:form method="post"和action:”save.php“这2个代码分别是什么意思
4:为何用户名和密码的value后面是空的”“
回答第二个问题,<label>标签的作用是为了使得点击label中文字的时候,浏览器会自动把焦点转到相应的input上,比较方面,跟直接点击input一样。label for后面一般跟的是input 标签里的id或者name。 如:
<label for="username">用户名</label> <input type="text" name="username" 这里如果我label for后面没有跟这个username, 那它和input就无法连接起来。input代表的是一个控件。 而确定和重置不用是因为你不用输入文本,只需要向服务器提交这样一个信息,所以只需要一个控件input。如<input type="submit" value="提交"/>这里面input type 的值是定义了这个控件的功能是提交。 而value的值就是你在前端也就是网页上面看到的的名字。
form method="post"和action:”save.php“ method是传输文件的方式,get是用来从服务器上获得数据,而post是用来向服务器上传递数据,而且get方法会把获取的数据也显示到地址栏出,不安全,比如输入用户名和密码就会在网址后面显示出来。 而action 是你要提交到后台的那个文件夹。 在你设置用户名和密码框时,你键入value的值就是他们的默认值。 比如你设置了value的值为 123456. 那么文本框里面就会默认有123456. 你可以去试一下
1、哪里周围出现红色框框?
2、用户名和密码加上label for 就是点击“用户名”、“密码”这两个范围的时候也可以选中后面的文本框,呈现待输入状态,不加for就没这效果
3、form method="post";数据传输方式;save.php:输入的数据被传送到的地方
4、此处的value是给传送的用户名和密码命名,什么名都无所谓,只要后端程序猿清楚就行了!
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
get是直接在当前页面显示,post是在另一个页面显示
问题1:没有看到有红色框框。
问题2:label加上for属性是为了使得点击label中文字的时候,浏览器会自动把焦点转到相应的input上,比较方面,跟直接点击input一样。
问题3:get是用来从服务器上获得数据,而post是用来向服务器上传递数据,而且get方法会把获取的数据也显示到地址栏出,不安全,比如输入用户名和密码就会在网址后面显示出来。
问题4:这个value处可以加上提示性的文字,也不可以不加。
希望可以帮助到你,也希望我们可以互相帮助,共同成长。
初识HTML(5)+CSS(3)-升级版
1225822 学习 · 18235 问题
相似问题