Maison > Article > interface Web > Implémenter une page d'inscription simple en html (avec code)

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

不言original: 2018-08-08 11:47:0623831parcourir

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>

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelle est la différence entre le lien de balise de lien CSS et le chargement @import ?Article suivant：Quelle est la différence entre le lien de balise de lien CSS et le chargement @import ?

Articles Liés

Voir plus