Implémenter une page d'inscription simple en html (avec code)-tutoriel HTML-php.cn

Implémenter une page d'inscription simple en html (avec code)

不言

Libérer： 2018-08-08 11:47:06

original

23971 Les gens l'ont consulté

Le contenu de cet article concerne la mise en œuvre d'une simple page d'inscription en HTML (avec code). Elle a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

1. Créez un fichier html

2. Concevez selon l'image du cas

Implémenter une page dinscription simple en html (avec code)

3. Écrivez le code html correspondant

<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<title >注册</title>
</head >
<body>
<h2>请注册</h2>
<form action="hello.html" method="post">
<table width="100%">
<tr>
	<td align="right">注册邮箱:</td>
	<td><input type="text" name="mail"/></td>
</tr>
	<td>&nbsp </td>
	<td>你可以使用<a href="#">账号</a>去注册或者<a href="#">手机号</a>注册</td>
<tr>
	<td align="right">创建密码:</td>
	<td><input type="password" name="pwd"/></td>
</tr>
<tr>
	<td align="right">真实姓名:</td>
	<td><input type="text" name="realname"/></td>
</tr>
<tr>
	<td align="right">性别:</td>
	<td><input type="radio" name="sex" value="nv"/>女<input type="radio" name="sex" value="nan"/>男</td>
</tr>
<tr>
	<td align="right">生日:</td>
	<td>
		<select name="year" />
			<option value="1996">1996</option>
			<option value="1996">1997</option>
			<option value="1996">1998</option>
			<option value="1996">1999</option>
		</select>年
		<select name="mounth" />
			<option value="1">1</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
		</select>月
		<select name="day" />
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
		</select>日
	</td>
</tr>
<tr>
	<td align="right">职业:</td>
	<td>
		<select name="now" />
			<option value="study">学生</option>
			<option value="work">工作</option>
		</select>
	</td>
</tr>
</tr>
	<td>&nbsp</td>
	<td><img  src="yzm.png"/ alt="Implémenter une page d'inscription simple en html (avec code)" ><a href="#">看不清换一张？</a></td>
<tr>
</tr>
	<td align="right">验证码:</td>
	<td><input type="text" name="check"/></td>
<tr>
</tr>
	<td>&nbsp</td>
	<td><input type="image" name="check" src="an.png"/></td>
<tr>
</table >
</form>
</body>
</html>

Copier après la connexion

4. Soumettre à d'autres interfaces

Cliquez sur S'inscrire maintenant pour trouver des amis, puis vous pourrez le soumettre à d'autres interfaces. Je l'ai soumis à hello.html

Connexe recommandé. articles :

Qu'est-ce que l'attribut innerHTML ? Utilisation de l'attribut innerHTML

Comment écrire le code pour remplacer ou ajouter une image d'arrière-plan du site Web en HTML ? (Exemple)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!