HTML表单基本格式与代码
咱们先来看下今天咱们需要学习的内容,理解起来很简单,像我这种英语不好的只是需要背⼏个单词
在HTML中创建表单需要⽤到的最基本的代码和格式
1<form method="post/get">
2<!--⽂本输⼊-->
3<input type="text"/><!--⽂本框-->
4<input type="password"/><!--密码框-->
5<input type="hidden"/><!--隐藏域-->
6<textarea></textarea><!--⽂本域-->
7<!--按钮输⼊-->
8<input type="submit"/><!--提交按钮-->
9<input type="button />    <!--普通按钮-->html input type属性
10<input type="image" /><!--图⽚按钮-->
11<input type="reset"/><!--重置按钮-->
12<!--选择输⼊-->
13<input type="redio" name="" checked="checked" value=""/><!--name是⽤来分组的,checked是默认值,value是命名按钮名字的-->
14<input type="checkbox" name="" checked="checked" value=""/><!--复选或者是多选-->
15<input type="file"/><!--上传图⽚-->
16<select><!--下拉菜单-->
17<option value="值">内容</option>
18<option value="值">内容</option>
19<option value="值">内容</option>
20<option value="值">内容</option>
21</select>
22</form>
以上就是咱们需要记住的⼀点东西
看起来很复杂、很⿇烦
咱们来理⼀下思路
总共分为三⼤类,每类分为四种,抛出textarea\select剩下的都是input tpye= 这个样式开头的
那⽂本类的就是下⾯的四个
input type="text"
.................password
.................hidden
<textarea><textarea/>
按钮类的
input type="submit"
..................button
..................reset
..................image
选择输⼊
input type="redio"
..................checkbox
..................file
<select><option></option></select>
最后后咱们来补充⼀个,⼩内容,关于选择类和按钮类的综合体
咱们在⼀些⽹站去注册的帐号的时候,咱们选择选项⽐如说男、⼥,不⼀定⾮要点击按钮才可以,点击汉字也能选择的上,那这个⼩技巧是什么,咱们往下看
<lable for="id">按钮内容</lable>
1<input type="redio" name="" checked="checked" value="男" id="001"/>
2<lable for="001">男</lable>
那这样咱们去点击前⾯的按钮也可以,点击这个字“男”也可以选择上,省去了⿏标、触摸板使⽤时的很多不必要的⿇烦

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。