大家好,我是山河,今天我给大家带来html表单教程,可配合css,js,php等使用,表单用处广泛,评论,文章发表,留言板,意见,个人信息等,用处广泛。
本次教程是最终教程,带实例和成品图片
因为我这个手机web编辑器会自动补全代码,所以多出来很多现在用不到的东西。
表单内用到的属性我建议去菜鸟教程看属性
有错误请指出
以下是我写的一个实例,因为自动补全会补一些七七八八的东西,真烦
成品图片我加上去
加到附件上了,下载来看吧
教程结束了,有事情群里找我
附件上的图片一言难尽,我做的成品和附加上的图片差远了,论坛克扣像素跟扣扣一样
by.山河 2020.4.2
本次教程是最终教程,带实例和成品图片
因为我这个手机web编辑器会自动补全代码,所以多出来很多现在用不到的东西。
表单内用到的属性我建议去菜鸟教程看属性
有错误请指出
以下是我写的一个实例,因为自动补全会补一些七七八八的东西,真烦
HTML:
<!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>
<input wetools-sendsubmit="" type="button" name="tijiao" value="提交" id="id9"> <input type="reset" value="重置" id="id10">
</body>
</html>
加到附件上了,下载来看吧
教程结束了,有事情群里找我
附件上的图片一言难尽,我做的成品和附加上的图片差远了,论坛克扣像素跟扣扣一样
by.山河 2020.4.2
附件
最后编辑: