前情
在了解了 HTML 、CSS 和 jQuery 之后,想要尝试模仿百度的注册页面值做一个提交表单,原图以及对比效果图如下:
目标图:
制作效果图:
效果虽然是简陋了一点,但是好在该有的还是有了,然后我尝试了一下提交内容,写了一个 form 表单来探究内容提交的样式:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<--action在这里的意思是提交到本网页-->
<form action="#" method="get">
<input type="text" name="username" placeholder=" 请设置用户名" /><br />
<input type="text" name="userphone" placeholder=" 请设置手机号" /><br />
<input type="text" name="userpaswd" placeholder=" 请设置手机号" /><br />
<button type="submit">button</button>
</form>
</body>
</html>
我仅在 username 这一栏写入东西后,点击提交按钮,发现在网址末尾并出现我写入的内容:
按理来说,提交的内容会在网址末尾显示出来,但是并没有,我检查了整体代码之后,确定代码写得没有问题,是不是我没有弄清楚提交的机制呢?
下面我吧所有的输入框都输入了内容,提交看看:
这里出现了我提交的内容。
他们是以 name1=value1&name2=value2 这种格式进行输出的。
这里就是有关 form 表单提交的全部内容了!
提供一个 jQuery 的学习网站:好东西.