Html 表单实例--未加css
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<form action="" method="post">
<fieldset>
<legend>照片选择</legend>
<label for="selectPhoto">选择照片</label>
<input type="file" id="selectPhoto">
<!--<input type="text" id="fileAddress">-->
</fieldset>
<fieldset>
<legend>综合设置</legend><br>
<div>选择尺寸：</div>
<div>
<input type="checkbox" name="size" value="5" id="cb_0">
<label for="cb_0" disabled>5寸</label>
<input type="checkbox" name="size" value="6" id="cb_1">
<label for="cb_1" checked>6寸</label>
</div>
<div>选择相纸：</div>
<div>
<input type="radio" name="mat" value="fushi" id="rd_0">
<label for="rd_0">富士</label>
<input type="radio" name="mat" value="keda" id="rd_1">
<label for="rd_1" >柯达</label>
</div>
<div>
<label for="peisong">配送方式：</label>
<select id="peisong">
<optgroup label="optgroup1">
<option value="0">平邮</option>
<option value="1" selected>平邮1</option>
</optgroup>
<option value="2">平邮2</option>
</select>
</div>
<div>
<label for="describe">商品描述：</label>
<input type="text" id="describe" placeholder="tip" readonly>
<input type="text" id="describe" placeholder="tip" value="good" hidden>
<div>
<div>
<label for="request">意见反馈：</label>
<textarea id="request" rows="4" ></textarea>
</div>
<div>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="我是input按钮">
<button type="submit">我是Button提交</button>
<button type="reset">重置</button>
</div>
</fieldset>
</form>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<form action="" method="post">
<fieldset>
<legend>照片选择</legend>
<label for="selectPhoto">选择照片</label>
<input type="file" id="selectPhoto">
<!--<input type="text" id="fileAddress">-->
</fieldset>
<fieldset>
<legend>综合设置</legend><br>
<div>选择尺寸：</div>
<div>
<input type="checkbox" name="size" value="5" id="cb_0">
<label for="cb_0" disabled>5寸</label>
<input type="checkbox" name="size" value="6" id="cb_1">
<label for="cb_1" checked>6寸</label>
</div>
<div>选择相纸：</div>
<div>
<input type="radio" name="mat" value="fushi" id="rd_0">
<label for="rd_0">富士</label>
<input type="radio" name="mat" value="keda" id="rd_1">
<label for="rd_1" >柯达</label>
</div>
<div>
<label for="peisong">配送方式：</label>
<select id="peisong">
<optgroup label="optgroup1">
<option value="0">平邮</option>
<option value="1" selected>平邮1</option>
</optgroup>
<option value="2">平邮2</option>
</select>
</div>
<div>
<label for="describe">商品描述：</label>
<input type="text" id="describe" placeholder="tip" readonly>
<input type="text" id="describe" placeholder="tip" value="good" hidden>
<div>
<div>
<label for="request">意见反馈：</label>
<textarea id="request" rows="4" ></textarea>
</div>
<div>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="我是input按钮">
<button type="submit">我是Button提交</button>
<button type="reset">重置</button>
</div>
</fieldset>
</form>
</body>
</html>