10.表單等的學習
阿新 • • 發佈：2022-04-02
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登入註冊</title>
</head>
<!--action：行動。method：方法。get：變得。post：郵政，職位，公佈。input：輸入。type：型別。text：書面材料、文字。max：最。length：長、長度。
size:大小。password：密碼。value：重要的。sex：性別。-->
<body>
<h1>註冊</h1>
<!--表單form
action：表單提交的位置，可以是網站；也可以是一個請求處理地址
method：post；get 提交方式
get方式提交：我們可以在url中看到我們提交的資訊，不安全，高效
post方式提交：比較安全，傳輸大檔案，
-->
<form action="1.我的第一個網頁.html" method="get">
<!--文字輸入框<input type="text"---所有input的標籤我們都給它命name
value="狂神很厲害" 預設值，預設初始值。
maxlength="8" 最長能寫幾個字元
size="30" 文字框的長度
-->
<p>名字：<input type="text" name="username" value="狂神很厲害" maxlength="8" size="30"></p>
<!--密碼框：input type="password"-->
<p>密碼：<input type="password" name="pwd"></p>
<!--單選框標籤
input type=“radio”
value：單選框的值
name：組
-->
<p>性別：
<input type="radio"value="boy" name="sex"/checked> 男
<input type="radio"value="girl" name="sex2"/> 女
</p>
<!--多選框
input type=“check box”
-->
<p>愛好：
<input type="checkbox"value="sleep"name="hobby">睡覺
<input type="checkbox"value="code"name="hobby"checked>敲程式碼
<input type="checkbox"value="chat"name="hobby">聊天
<input type="checkbox"value="game"name="hobby">遊戲
</p>
<!--按鈕
input type="button"：普通按鈕
input type="image"：影象按鈕
input type="submit"：提交按鈕
input type="reset"：重置
-->
<p>按鈕：
<input type="button"name="btn1"value="點選邊長">
<!-- <input type="image"src="../resources/image/1.jpg">-->
</p>
<!--下拉框，列表框-->
<p>國家：
<!--<select name="" id="id可去掉"></select>-->
<!--selected預設值-->
<select name="列表名稱" id="">
<option value="China">中國</option>
<option value="us">美國</option>
<option value="eth"selected>瑞士</option>
<option value="india">印度</option>
</select>
</p>
<!--文字域
checked：代表列
rows：代表行
-->
<p>反饋：
<textarea name="textarea"cols="50"rows="10">文字內容</textarea>
</p>
<!--檔案域
input type="file" name="files"
所有的input的標籤和所有的表單元素都需要一個name屬性-->
<p>
<input type="file"name="files">
<input type="button"value="上傳"name="upioad">
</p>
</p>
<p>
<input type="submit">
<input type="reset"value="清空表單">
</p>
<!--提交：submit 重置：reset
進入之後輸入名字和密碼-進入我的第一個網頁中“hello world“----顯示username就是input的名字-->
</form>
</body>
</html>