山河html教程-最全表单教程

大家好,我是山河,今天我给大家带来html表单教程,可配合css,js,php等使用,表单用处广泛,评论,文章发表,留言板,意见,个人信息等,用处广泛。

本次教程是最终教程,带实例和成品图片
因为我这个手机web编辑器会自动补全代码,所以多出来很多现在用不到的东西。
表单内用到的属性我建议去菜鸟教程看属性
有错误请指出
以下是我写的一个实例,因为自动补全会补一些七七八八的东西,真烦

<!DOCTYPE html>

<html lang="CN">

<head>

<meta charset="utf-8">

<meta name="keywords" content="山河html表单">

<meta name="description" content="html教程">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><!--响应式-->

<title>山河html表单教程</title>

<script>src="https://code.jquery.com/jquery-3.4.1.min.js"</script>

</head>

<body id="id0" style="">

<form action="biaodan.php" method="post" id="id2">

名字:<input type="text" name="name" size="7" maxlength="6" value="最多5个字" id="id3"><br>

地址:<input type="text" name="address" maxlength="30" value="最多30字" id="id4"><br>

电话:<input type="text" name="phone" maxlength="14" value="最多14字" id="id5"><br>

账号:<input type="text" name="zhname" maxlength="12" size="12" id="id6"><br>

密码:<input type="password" name="Password" maxlength="14" size="14" id="id7" style=""><br>

学历:<select name="Academic Degree" id="id8">

  <option value="university" selected="selected" id="id9">大学</option>

  <option value="High school" id="id10">高中</option>

  <option value="Junior middle school" id="id11">初中</option>

  <option value="Primary school" id="id12">小学</option>

  <option value="Be Reading" id="id13">在读</option>

</select><br>

性别:<input type="radio" name="xinbie" value="male" id="id8">男

<input type="radio" name="xinbie" value="female" id="id9">女<br>

备注:<textarea name="remark" rows="8" cols="30" id="id10">山河html表单教程</textarea><br>

&nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input wetools-sendsubmit="" type="button" name="tijiao" value="提交" id="id9">  &nbsp; &nbsp; <input type="reset" value="重置" id="id10">

</body>

</html>

成品图片我加上去
加到附件上了,下载来看吧
教程结束了,有事情群里找我
附件上的图片一言难尽,我做的成品和附加上的图片差远了,论坛克扣像素跟扣扣一样
by.山河 2020.4.2