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>

 

猜你喜欢

转载自blog.csdn.net/weixin_41826959/article/details/81062869