製作一張簡單的網頁（HTML+CSS+JS）【1】
阿新 • • 發佈：2018-12-23
<img src="圖片的地址” alt="圖片下載失敗後顯示的內容" title="滑鼠滑過該圖片是顯示的提示文字">三.認識表單
在實際生活中，我們常常會看到一個頁面讓使用者填寫並提交，同樣，我把一些常用的表單標籤列出來。 1.所有我們要寫的單選框、複選框、文字域等等，全部要寫在<form>裡面。<form method="傳送方式" action="伺服器檔案">...</form>
3.這是文字域。<input type="text/password" name="名稱" value="文字" />
<textarea rows="行數" cols="列數">會出現在文字域的提示文字</textarea><input type="radio/checkbox" value="值" name="名稱" checked="checked"/>注意點：（1）multiple該部分可以不寫，寫了有什麼作用呢，可以進行多選，本來下拉框你只能選一個，加了這個之後，在Windows作業系統中，按住control鍵可以進行多選；在 mac中，按住command鍵可以進行多選。 （2）select該部分是指，在沒有選擇的情況下，系統預設選擇的選項。 6.這是提交鍵。<select multiple="multiple"> <option value="向伺服器提交的值” selected="selected">選項</option> .... </select>
<input type="submit" value="提交"><input type="reset" value="重置"><label for="控制元件id名稱">
四 .例項介紹
我現在準備做一個表格，讓客戶填寫，在沒有css樣式的情況下，那麼這是一張毫無美感的網頁，但是已經具備了基本的功能。 程式碼如下：<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<body>
<div id="sign">
<h1>Sigh Up</h1></br>
<h2>Your basic info</h2>
<form>
<strong>Name:</strong>
<input type="text" name="myname" id="name"/></br>
</br>
<strong>Passward:</strong>
<input type="password" name="mypassward" id="passward"/></br>
</br>
<strong>Age:</strong></br>
<input type="radio" name="age" value="1" checked="checked"/>Under 13</br>
<input type="radio" name="age" value="2" />13 or older</br>
</br>
<strong>Your profile:</strong></br>
<textarea cols="50" rows="4" name="profile" id="profile"></textarea></br>
</br>
<strong>Job Role:</strong></br>
<select>
<option value="Front-End Developer" selected="selected" name="job">Front-End Developer</option>
<option value="Back-End Developer" name="job">Back-End Developer</option>
</select></br>
</br>
<strong>Interests:</strong></br>
<input type="checkbox" name="development" value="1" checked="checked">Development</br>
<input type="checkbox" name="design" value="2" >Design</br>
<input type="checkbox" name="business" value="3" >Business</br>
</br>
<input type="submit" name="Sign Up" value="Sign Up" id="sub" onclick="abc()">
</input>
</form>
</div>
</body>
</body>
</html>