HTML学習(9) - フォームの書式設定-htmlチュートリアル-php.cn

HTML学習(9) - フォームの書式設定

黄舟

リリース： 2016-12-29 15:46:30

オリジナル

1133 人が閲覧しました

フォームの内容を書式設定する

[code]<!DOCTYPE html> 
<html> 
<head>   
<meta charset="utf-8">   
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame         
Remove this if you use the .htaccess -->   
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">   
<title>reg</title> 
</head> 
<body>     
<form>         
<table border="1" bordercolor="#336699" cellpadding="10" cellspacing="0" width="600">             
<tr>                 
<th colspan="2">注册表单：</th>             
</tr>                        
<tr>                 
<td>用户名称：</td>                 
<td><input type="text" name="user"/></td>             
</tr>                        
<tr>                 
<td>输入密码：</td>                 
<td><input type="password" name="psw"/></td>             
</tr>                        
<tr>                 
<td>确认密码：</td>                 
<td><input type="password" name="repsw"/></td>             
</tr>                        
<tr>                 
<td>选择性别：</td>                 
<td>                     
<input type="radio" name="sex" value="nan"/>男                     
<input type="radio" name="sex" value="nv"/>女                
</td>             
</tr>                        
<tr>                 
<td>选择技术：</td>                 
<td>                     
<input type="checkbox" name="tech" value="java"/>JAVA                     
<input type="checkbox" name="tech" value="html"/>HTML                     
<input type="checkbox" name="tech" value="css"/>CSS                 
</td>             
</tr>                        
<tr>                 
<td>选择国家：</td>                 
<td>                     
<select name="country">                         
<option value="none">---选择国家---</option>                         
<option value="use">美国</option>                          
<option value="en">英国</option>                           
<option value="cn">中国</option>                       
</select>                    
</td>             
</tr>                        
<tr>                 
<th colspan="2">                     
<input type="reset" value="清除数据">                     
<input type="submit" value="提交数据">                 
</th>             
</tr>                    
</table>     
</form> 
</body> 
</html>

ログイン後にコピー

HTML学習(9) - フォームの書式設定