                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

关于form几个问题

<!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后面是空的”“

慕粉3982119

2016-09-20

源自：初识HTML(5)+CSS(3)-升级版 6-1

关注问题我要回答

711

操作

收起

4 回答

车程一回答被采纳 +3 积分
2016-09-20

回答第二个问题，<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. 你可以去试一下

0 回复有任何疑惑可以回复我~

#1

慕粉3982119 提问者

非常感谢！

2016-09-23 回复有任何疑惑可以回复我~

黑山头山大王
2016-09-20

1、哪里周围出现红色框框？

2、用户名和密码加上label for 就是点击“用户名”、“密码”这两个范围的时候也可以选中后面的文本框，呈现待输入状态，不加for就没这效果

3、form method="post"；数据传输方式；save.php：输入的数据被传送到的地方

4、此处的value是给传送的用户名和密码命名，什么名都无所谓，只要后端程序猿清楚就行了！

0 回复有任何疑惑可以回复我~

雨夜星辰0
2016-09-20

<label> 标签为 input 元素定义标注（标记）。

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

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

get是直接在当前页面显示，post是在另一个页面显示

0 回复有任何疑惑可以回复我~

qq_嘚瑟的小情绪_0
2016-09-20

问题1：没有看到有红色框框。

问题2：label加上for属性是为了使得点击label中文字的时候，浏览器会自动把焦点转到相应的input上，比较方面，跟直接点击input一样。

问题3：get是用来从服务器上获得数据，而post是用来向服务器上传递数据，而且get方法会把获取的数据也显示到地址栏出，不安全，比如输入用户名和密码就会在网址后面显示出来。

问题4：这个value处可以加上提示性的文字，也不可以不加。

希望可以帮助到你，也希望我们可以互相帮助，共同成长。

3 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225293 人
解答问题 18230 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

2 回答关于form的问题

2 回答关于form标签问题

4 回答关于form标签问题

2 回答关于格式上几个问题

3 回答关于【1-2】的几个问题

搜索更多本课相关问答

关于form几个问题

我要回答关注问题

意见反馈帮助中心 APP下载