隐藏textarea的方法是什么?

隐藏textarea的方法是什么?,第1张

通过设置文本代码。

要设置textarea文本域的滚动条是否开启,使用style.overflow-x属性来控制。如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下:

<textarea id=txtComments style="overflow-x:hidden"></textarea>

相应的,若要隐藏纵向滚动条:

<textarea id=txtComments style="overflow-y:hidden"></textarea>

如果使用代码控制的话,可能需要如下代码实现:

document.all("txtComments").style.overflowX="hidden"overflow-x,overflow-y的可取值为:visible(默认取值),hidden,auto,scroll。

具体解释如下:

visible (Default)- Content is not clipped and scroll bars are not added. Elements are clipped to the size of the containing window or frame.

scroll -Content is clipped and scroll bars are added, even if the content does not exceed the dimensions of the object.

hidden Content that exceeds the dimensions of the object is not shown.auto Content is clipped and scrolling is added only when necessary.

CSS visibility:hidden的作用是用于控制元素的显示,这里是将 textarea 个隐藏了。

富文本的控件一般是由动态网站安装的富文本控件所生成的另一部分HTML代码,因此你直接复制 textarea 一定是没有这些富文本的控件。

如果是纯静态页面,也可以使用JS库或jQuery库来产生富文本控件。

以下提供两个jQuery富文本库样例:网页链接、网页链接

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

<form>表单元素</form>

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

语法:

<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(可见宽度,只是大约数据)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6274988.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存