html form

gedoua

于 2012-04-18 19:30:35 发布

阅读量94

点赞数

分类专栏： html&css

本文链接：https://blog.csdn.net/gedoua/article/details/84198293

版权

html&css 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

html:

<!doctype html>
<html>
<head>
	<title>My First Website</title>
	<meta charset="uft-8"/>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
	<form>
		<ul>
			<li>
				<label for="name">Enter your name:</label>
				<input id="name" name="name" />
			</li>	

			<li>
				<label for="comments">Your Comments:</label>
				<textarea id="comments" name="comments"></textarea>
			</li>

			<li>
				<label for="css">Do you like CSS?</label>
				<input type="checkbox" name="css" id="css" />
			</li>

			<li>
				<label>Favorite Language?</label>
				<input type="radio" />CSS
				<input type="radio" />HTML
				<input type="radio" />JAVASCRIPT
			</li>
		</ul>
	</form>

</body>
</html>

css:

form li {
	list-style: none;
	margin-bottom: 20px;
}

form ul {
	padding-left: 0;
}

label {
	display: block;
	cursor: pointer;
	color: #292929;
	font-family: Arial, "MS Trebuchet", sans-serif;
}

textarea {
	width: 400px;
	height: 200px;
}