正在加载图片...
1.5文本区域 元素介绍: textarea元素用于生成多行文本框 主要属性: (1)< textarea>元素可以指定ID、 style、 class等元素,还可 以指定 onclick等事件属性, (2)cols:指定文本域的宽度,此属性为必须填写的项目。 (3)rows:指定文本域的高度,此属性为必须填写的项目。 (4) disabled:指定该元素禁止使用。 (5) readonly:指定该元素为只读状态 案例: 示例7-5:文本框 <!doctype htms <html> <meta charset="utf-8> <title>textarea</title> <form> <p>新闻标题:< Input type="text"name=" News Title"syle=" width:370px"> <p>新闻内容:< textarea name=" News Conten"cols="50°rows="10">请在此 输入新闻内容,不得少于80个字。</ textarea> p>发布说明:< textarea name=" News Publnfo"cols="50°rows="2 eadonly>请认真填写新闻内容,不要进行强制排版。感谢您的支持。此文本 框为只读属性。</ textarea> <p>< nput type=" submit" value="发布新闻"> </html> 二、 input 表单中最重要的元素是 Input。该元素通过使用type属性,可 以改变元素的性质。 7《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/ht/ os. 51xueweb cn7 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 1.5 文本区域 元素介绍： textarea 元素用于生成多行文本框。 主要属性： （1）<textarea>元素可以指定 ID、style、class 等元素，还可 以指定 onclick 等事件属性。 （2）cols：指定文本域的宽度，此属性为必须填写的项目。 （3）rows：指定文本域的高度，此属性为必须填写的项目。 （4）disabled：指定该元素禁止使用。 （5）readonly：指定该元素为只读状态。 案例： 示例 7-5：文本框 <!doctype html> <html> <head> <meta charset="utf-8"> <title>textarea</title> </head> <body> <form> <p>新闻标题：<input type="text" name="NewsTitle" style="width:370px;"> <p>新闻内容：<textarea name="NewsContent" cols="50" rows="10">请在此 输入新闻内容，不得少于 80 个字。</textarea> <p> 发布说明： <textarea name="NewsPubInfo" cols="50" rows="2" readonly>请认真填写新闻内容，不要进行强制排版。感谢您的支持。此文本 框为只读属性。</textarea> <p><input type="submit" value="发布新闻"> </form> </body> </html> 二、input 表单中最重要的元素是 input。该元素通过使用 type 属性，可 以改变元素的性质