form表单之input标签

最新推荐文章于 2024-05-06 21:01:24 发布

weixin_30847865

最新推荐文章于 2024-05-06 21:01:24 发布

阅读量211

点赞数

原文链接：http://www.cnblogs.com/jintian/p/11042896.html

版权

id相当于每个标签的身份证 “#abc”#号标识id号　　配合锚标签href="#abc"使用

<input> type="text" 文本明文　　type="password"密文

type="checkbox"多选框　　type="radio"单选框

type="submit"提交　value="提交注册" 作为显示

type="button"也是提交，配合js使用

浏览器跑的是http协议，通过键值对形式发送给server端，封装成一个对象，server进行解析成字典

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>注册页面</h1>
<form action="http://192.168.1.5:8888" enctype="multipart/form-data">
    <p>姓名<input type="text" name="username" placeholder="姓名"></p>
    <p>密码<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="file" name="getfile" ></p>
    <p><input type="submit" value="提交注册"></p>

</form>
</body>
</html>