Html 初识3

最新推荐文章于 2024-05-03 16:09:15 发布

其实我也恋长安

最新推荐文章于 2024-05-03 16:09:15 发布

阅读量163

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/ljwoainia/article/details/108009803

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一效果图

二代码

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">	
	<style type="text/css">
	</style>
	<title>Html 初识3</title> 
</head>

<body>				 <!-- 文档主体-->


<form action="">
<fieldset>										<!-- 边框-->
<legend>login:</legend>
Account : <input type="text" name="account" value="123">
<br>
Password: <input type="text" name="password" value="xx">
<br>
Password: <input type="password" name="password" value="xx"><!-- 隐藏密码-->
</fieldset>


<br>
<p>单选按钮</p>
<input type="radio" name="sex" value="male">Male
<br>
<input type="radio" name="sex" value="female">Female
<p>复选框</p>
<input type="checkbox" name="sex" value="male">Male<br>
<input type="checkbox" name="sex" value="female">Female

<p>下拉列表</p>
<select name="people">
<option value="male">male</option>
<option value="female">female</option>
<option value="xx" selected>xx</option>
</select>
<p>下拉列表可选择</p>
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
</datalist>

<br>
<input type="button" value="Hello world!">
</form>

<p>多行文本输入控件</p>
<textarea rows="5" cols="10">
我是一个文本框。
</textarea>


<p style="background-color:#48D1CC">
通过十六进制设置背景颜色
</p>
<p style="background-color:rgb(255,255,0)">
通过 rbg 值设置背景颜色
</p>
<p style="background-color:LightSeaGreen ">
通过颜色名设置背景颜色
</p>

<script>
document.write("Hello World!");  <!-- 脚本-->
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
<!-- 只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容：-->
</body>

</html>