表單的製做練習

時間 2019-11-12

標籤表單製做練習欄目 HTML 简体版

原文原文鏈接

表單練習html

註冊信息表單

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>表單練習</title>
	</head>
	<body>
		<h1>註冊信息表單</h1>
		<form action="#" method="POST" enctype="multipart/form-data">
			<!--用戶名和密碼-->
			<p>
			用戶名:<input type="text" name="usename" placeholder="請輸入用戶名" required autofocus maxlength="20" size="20"/><br/>
			密   碼:<input type="password" name="password" placeholder="請輸入密碼" maxlength="20" size="20"/><br/>
			</p>
			<!--興趣和愛好-->
			<p>
			性   別:<label><input type="radio" name="sex" value="0" checked/>男</label>
				   <label><input type="radio" name="sex" value="1"/>女</label><br/>
			</p>
			<p>
			愛   好:<label><input type="checkbox" name="like[]" value="sing"/>唱歌</label>
				   <label><input type="CheckBox" name="like[]" value="run" checked/>跑步</label>
				   <label><input type="CheckBox" name="like[]" value="swiming"/>游泳</label>
				   <label><input type="CheckBox" name="like[]" value="read"/>閱讀</label><br/>
			</p>
			<!--下拉列表-->
			<p>籍貫:
			<select name="city">
				<option value="bj" selected >北京</option>
				<option value="sh">上海</option>
				<option value="gz">廣州</option>
				<option value="sd">山東</option>
				<option value="hn" disabled >河南</option>
				<option value="hn">湖南</option>
			</select>
			</p>
			<!--文本域-->
			<p>我的簡介:<textarea name="about" style="resize:none" cols="30" rows="5" ></textarea><br/>
			<!--上傳文件和圖片-->
			<p>頭像或文件:<input type="file" name="person_pic"></p>
			<!--按鈕-->	
			<input type="submit" value="提交"/>
			<input type="reset" value="重置"/>
			<input type="image" src=""/><br/>
			<!--數字下拉列表-->
			<input type="number" step="1" min="0" max="100"/>
		</form>
		<!--多媒體元素-->
		<audio src="./yinpin/gangqin.mp3"  controls ></audio>
		<video width="600px"  controls src="./croods-03.mp4"></video>
	</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。