美文网首页
[HTML表单]1.textarea(多行文本域)

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

作者: SkylerAI | 来源:发表于2019-12-31 16:26 被阅读0次
    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(可见宽度,只是大约数据)

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/veaboctx.html