select与textarea和font标签用法分享

yuanduan__

于 2021-11-03 00:02:14 发布

阅读量310

点赞数 1

文章标签： html 前端

本文链接：https://blog.csdn.net/yunduan__/article/details/121111147

版权

select

定义和用法

select 元素可创建单选或多选菜单。

<select> 元素中的 <option> 标签用于定义列表中的可用选项。

咱们话不多说直接上代码：

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
   <form>
      <select name="选择">
	<option value="吃">吃</option>
	<option value="喝">喝</option>
	<option value="玩">玩</option>
	<option value="睡">睡</option>
</select>
   </form>
	
</body>
</html>

效果如下：

其中如果我想优先选中"玩"的话我们可以在<input>里面加上selected如下：

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
   <form>
      <select name="选择">
	<option value="吃">吃</option>
	<option value="喝">喝</option>
	<option value="玩" selected="玩">玩</option>
	<option value="睡">睡</option>
</select>
   </form>
	
</body>
</html>

打开后就会优先显示“玩”如下：

textarea

定义和用法

<textarea> 标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

可以通过 cols（宽）和 rows（高）属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。

老规矩上代码


<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
   <form>
     <textarea cols="50" rows="5">
     这个家伙很懒什么都没有留下......
	</textarea>
   </form>
	
</body>
</html>

效果如下：

font

定义和用法

<font> 规定文本的字体、字体尺寸、字体颜色。

为了美观我们会使用font来增加文字的观赏性face改变字体， size管文字尺寸，color就是管颜色了。那么话不多说直接上代码

如下：

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<font size="1" face="derdana">这是一号derdana字体</font>
	<font size="2" color="red">这是二号红色字体</font>
	<font size="3" color="green">这是三号原谅色字体</font>
	<font size="4" face="arial">这是四号arial字体</font>
</body>
</html>

效果如下：