`
sgwood
  • 浏览: 120916 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

设置文本域的背景图<textarea name="textarea" cols="35" rows=

 
阅读更多

<textarea name="textarea" cols="35" rows="15" style="background-attachment: fixed;background-image: url(./bg.jpg)"></textarea>
注: fixed可以固定背景图,如不需要可不用。
效果图如下:
 

分享到:
评论

相关推荐

    表单与javascript

    &lt;TEXTAREA NAME="comment" rows=4 cols=30 &gt;请输入附注&lt;/TEXTAREA&gt;&lt;/p&gt; &lt;P ALIGN="CENTER"&gt; &lt;INPUT TYPE="submit" value="提交此表单" &gt; &nbsp;&lt;INPUT TYPE="reset" value="重置"&gt;&lt;/P&gt; &lt;/FORM&gt;&lt;/BODY&gt; &lt;/html&gt;

    文本域自动适应高度

    - 基本语法:`&lt;textarea name="name" id="id" rows="rows" cols="cols"&gt;默认文本&lt;/textarea&gt;` - `name`属性定义提交表单数据时数据字段的名称。 - `id`属性为元素指定了一个唯一的ID。 - `rows`属性定义了文本...

    输入一个字,文本域中显示可输入字数减1

    &lt;textarea name="textarea" cols="50" rows="5" onkeydown="tt();"&gt;&lt;/textarea&gt; &lt;input type="text" name="textfield" value="" onchange="aa();"/&gt; ``` ### 3. DOM 操作与事件处理 #### 知识点描述 DOM(Document...

    HTML表单用于搜集不同类型的用户输入.pdf

    例如:&lt;textarea name="comment" cols="40" rows="5"&gt;&lt;/textarea&gt;,用户可以输入评论。 6. 按钮(input type="button") 按钮允许用户提交表单。例如:&lt;input type="submit" value="Submit" /&gt;,用户可以点击提交...

    2023年韩顺平html笔记.docx

    8. 文本域:&lt;textarea cols=”” rows=”” wrap="off"&gt;...&lt;/textarea&gt; 9. 下拉菜单:&lt;select name=”” size=“”&gt; * &lt;option value=””&gt;-----请选择------&lt;/option&gt; * &lt;option value=”shanghai” selected&gt; ...

    HTML框架标签超链接标签控件标签PPT学习教案.pptx

    包含 cols 和 rows 两个重要属性,分别表示文本域包含的列和行,语法格式如下:&lt;textarea cols="50" rows="4"&gt;&lt;/textarea&gt; 图片标签 img 用于在 HTML 页面添加图片,包含 src 和 alt 两个重要属性,src 属性用于...

    第三部分 表单1.doc

    7. **多行文本域(Textarea)**:`&lt;textarea&gt;`用于输入多行文本,`name`定义字段名,`cols`和`rows`设定宽高。如: ```html &lt;textarea name="showText" cols="30" rows="10"&gt;协议内容&lt;/textarea&gt; ``` 8. **文件...

    第七课 表单控件-011

    例如,`&lt;textarea rows="10" cols="30"&gt;&lt;/textarea&gt;` 创建了一个10行30列的文本域,用户可以在此输入多行文本。 3. 单选与多选: 单选按钮(Radio Button)和复选框(Checkbox)用于让用户从一组选项中选择一个或...

    textarea框增加行号效果

    &lt;textarea id="text-input" rows="10" cols="30"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;script src="line-numbers.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; ``` 在这个结构中,我们创建了一个预览区 `#line-numbers` 用于显示行号,以及一...

    js计算文本域剩余字数

    &lt;textarea id="myTextarea" rows="4" cols="50"&gt;&lt;/textarea&gt; &lt;p id="remainingChars"&gt;还剩 140 字&lt;/p&gt; &lt;script&gt; var textarea = document.getElementById('myTextarea'); var maxCount = 140; var ...

    HTML 表单.pdf

    其基本语法结构是:&lt;textarea name="showText" cols="x" rows="y"&gt;文本内容&lt;/textarea&gt;,其中 name="showText" 指定了输入控件的名称,cols="x" 指定了文本域的列数,rows="y" 指定了文本域的行数。 十、文件域 ...

    JSP获取TextArea中的值

    其中,`name`属性用于标识这个TextArea,`rows`和`cols`分别定义了文本域的行数和列数。 当用户在TextArea中输入文本并提交表单后,这些数据会被发送到服务器。在JSP中,我们可以使用请求对象(`HttpServletRequest...

    使用JavaScript限制TextArea多行文本域的可输入字数

    &lt;textarea id="myTextarea" rows="4" cols="50"&gt;&lt;/textarea&gt; &lt;p&gt;剩余字数:&lt;span id="remainingChars"&gt;100&lt;/span&gt;&lt;/p&gt; ``` 然后在JavaScript中更新这个元素: ```javascript function updateRemainingChars() { ...

    前端与移动开发之表单

    1.组成 由表单域 表单控件(表单元素)提示信息3个部分组成 ... (3)文本域textarea &lt;form&gt; &lt;textarea cols="每行显示字符数" rows="行数"&gt; 文本内容 &lt;/textarea&gt; &lt;/form&gt;

    限制多行文本域输入的字符个数

    &lt;textarea id="myTextarea" rows="4" cols="50"&gt;&lt;/textarea&gt; &lt;script&gt; var maxChars = 100; document.getElementById('myTextarea').addEventListener('input', function() { if (this.value.length &gt; maxChars) ...

    JavaWeb开发基础之Html详解

    &lt;textarea name="info" cols="40" rows="7"&gt;&lt;/textarea&gt; ``` 7. **文件上传**:`&lt;input type="file"&gt;`用于创建一个文件上传控件。如果要使用此功能,还需要在`&lt;form&gt;`标签中指定`enctype`属性。示例代码如下: ...

    textarea布局时文字在左下边且不能改变大小尺寸的解决方法

    两个小问题,但是困扰了很久 ...textarea文本域明明设置好的cols和rows但是还是能改变大小 同样的一个属性就可以搞定 复制代码代码如下: &lt;textarea rows=”5″ cols=”65″ style=”resize:none;”&gt;&lt;/tex

    BootStrap表单控件之文本域textarea

    2. `&lt;textarea&gt;`: 这是HTML的文本域元素,`name`属性用于指定输入字段的名称,`id`用于唯一标识元素,`cols`和`rows`定义了文本域的初始宽度和高度。 3. `class="form-control"`: 这个类是Bootstrap为表单控件提供的...

    javaScript表单验证

    &lt;textarea name="b" cols="40" wrap="VIRTUAL" rows="6"&gt;&lt;/textarea&gt; &lt;input type="submit" name="Submit" value="check"&gt; &lt;/form&gt; ``` **解释**:这里定义了一个`test`函数,当表单提交时调用。如果文本域中的...

    HTML标记大全.docx编程资料

    - **文本域**: `&lt;textarea name="comment" rows="4" cols="50"&gt;&lt;/textarea&gt;` #### 十四、帧集和帧 - **帧集**: `&lt;frameset&gt;`定义一个包含多个窗口的文档。 - **帧**: `&lt;frame src="url"&gt;`定义一个窗口中的内容。 ...

Global site tag (gtag.js) - Google Analytics