form表单标签

form表单标签根server端打交道

<div id="abc">顶部</div> <a href="#abc">返回顶部</a>必须用#,才能把abc读成一个标签的id
<body>
<!--input是内联标签、用type来选择功能
表单与服务端交互,主要靠name设为username和内容如:username=jerry,这就是键值对
通过这样的键值对传到服务端
{键值对
'username':''yuan',
....
checkbox就是多选规则定义不同
radio多选 name相同即键只有一个,所以只能选一个---》变成单选了,要加上独特的值value提交的,name-->value这样的一个过程
}
submit的value只是显示作用不提交,没功能
submit点击就会把所有内容一起提交
button不与js一起就仅仅是按钮没作用
form表单才能对这些输入内容进行提交修改等请求处理 action传到某个页面或者路径
-->
<h1>注册页面</h1>
<form action="http://127.0.0.1:8080/index">index对应一个函数,解析表单输入,然后存到数据库就好了


<p><!--p标签独占一行属于块级-->
    user:<input type="text" name="username"></p>
<p>
pwd:<input type="password" name="password">
</p>
<p>爱好:音乐<input type="checkbox"name="hobby"value="music">电影<input type="checkbox"name="hobby" value="movie"></p>

<p>性别:男<input type="radio" name="gender"value="men">女<input type="radio" name="gender"value="women"></p>

<p><input type="submit" value="提交注册"></p>


    </form>


</body>

 

posted @ 2018-06-05 16:47  未来的技术  阅读(170)  评论(1编辑  收藏  举报