[HTML表单]1.textarea(多行文本域)

1.表单的工作原理

浏览器将表单的数据打包后发送给服务器,服务器接收后转由程序处理。

2.表单
语法:

<form>表单元素</form>

注意:

表单本身不可见,只是一个区域。

3.表单元素
1)<input>-表单输入标签

语法:
<input />

属性:
1)type(类型)
可选值:
text(文字域) password(密码域) file(文件域,不同浏览器显示不同) checkbox(复选域,同组name值最好一样.以便服务器区分) radio(单选域,同一组的name值要相同) button(按钮) submit(提交按钮) reset(重置按钮) hidden(隐藏域,用户看不到但可传递到服务器) image(图像域,实际是按钮的功能) checked(单选多选设置默认值)
2)name(文字域的名称)
3)maxlength(最大字符长度)
4)size(文本框的宽度,字符个数为单位,默认20)
5)value(文本框默认值,是要提交给服务器的值)
6)placeholder(提示信息)

2)<select>-菜单和列表标签 <option>-菜单和列表项目标签
优点:
节约网页空间。

语法:
<select>
<option value="">选项1</option>
</select>

select属性:
1)name(名称)
2)multiple(设置可选择多个,会从下拉菜单变为列表菜单,按住ctrl可多选)
3)size(设置列表可见选项数目,会从下拉菜单变为列表菜单)

option属性:
1)selected(默认选中)
2)value(传送给服务器的值)

3)<optgroup>-菜单和列表项目分组标签
语法:
<select>
<optgroup label="组名">
<option>选项</option>
</optgroup>
</select>

4)<textarea>-文字域标签(多行)
语法:
<textarea>内容</textarea>

注意:
开始标签和结束标签之间不要有换行或者空格。

属性:
1)name(名称)
2)placeholder(提示信息)
3)rows(可见行数)
4)cols(可见宽度,只是大约数据)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 5,182评论 0 2
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 5,014评论 0 3
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 6,392评论 2 21
  • 第一章 1、使用浏览器去访问的程序,叫网页 2、web代码存放在服务器 代码分为两种:① 运行在浏览器端:前端代...
    fastwe阅读 8,769评论 0 2
  • html简介: HTML学习总结慕课网 一、html介绍 (一)html和Css的关系 HTML是网页内容的载体。...
    数独题阅读 3,942评论 0 1

友情链接更多精彩内容