您的位置:首页 > Web前端 > HTML

HTML基本代码教学,第三天

2017-09-11 14:50 148 查看
                                          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>

今儿暂时以纯文字的形式版刻下,对不住了大家,不过各位也可以借此机会多动一下脑子来研究下
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: