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

相關標籤/搜索