form表单之input标签

时间 2019-11-16

标签 form 表单 input 标签栏目 HTML 繁體版

原文原文链接

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

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

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

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

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

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

<form action="http://192.158.5.8:8080/index">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>

View Code