HTML基本代码教学，第三天

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　HTML

今天由于个人情况，身体不适，但是为了大家的学习进度，咱们以纯文字得形式来简单了解下今天的学习内容

今儿咱们来了解下表单

<form id=" "  name=" "  method=" post/get "  action=" 负责处理的服务端 " >   

id 不可以重复

name 可以重复

get 提交有长度限制，并且编码后的内容在地址栏能看见

post 提交无长度限制，编码后内容不可见

 

</form>

1·文本输入

　　文本框<input type="txt/text" name=" " id=" " value=" " />

　　密码框<inputu type="password" name=" " id=" " value=" " />

　　文本域<textarea name=" " id=" " > </ textarea>

　　隐藏域<input type=" hidden " name=" " id=" " value=" "  />

2·按钮

　　提交按钮<input type=" submit " name=" " id=" " value=" " />

　　重置按钮<input type=" reset " name=" " id=" " value=" " />

　　图片按钮<input type=" image " name=" " id=" " src="图片地址"  />

　　（小扩展：disable：使按钮失效；enable：使按钮生效）

3·选择输入

　　单选按钮<input type=" radio " name=" " id=" " checked=" checked "(默认选中) value=" "  />  name是用来分组方便以后传值的，value的值是看不见的，提交给程序看的

　　多选按钮<input type=" checkbox " name=" " value=" "  />

　　文件上传<input type=" file " name=" " id=" " />

<label> < /label>

　　<label>标记对于界面来讲没有任何渲染以及特殊效果，只不过使用<label for=" id的值 " >< /label>可以增加用户的体验感，点击字体或图片就可以进行选中，不需要费劲巴拉的点击那些小点儿

4·下拉列表

　　<select name=" " id=" " >

　　　　<option value=" " >  内容 < /option> 

　　　　<option value=" " >  内容 < /option>

　　　　<option value=" " >  内容 < /option> 

　　< /select>

 

今儿暂时以纯文字的形式版刻下，对不住了大家，不过各位也可以借此机会多动一下脑子来研究下