html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
</head>7
<style>8
input[type=text], select {9
width: 100%;10
padding: 12px 20px;11
margin: 8px 0;12
display: inline-block;13
border: 1px solid #ccc;14
border-radius: 4px;15
box-sizing: border-box;16
}17
18
input[type=submit] {19
width: 100%;20
background-color: #4CAF50;21
color: white;22
padding: 14px 20px;23
margin: 8px 0;24
border: none;25
border-radius: 4px;26
cursor: pointer;27
}28
29
input[type=submit]:hover {30
background-color: #45a049;31
}32
33
div {34
border-radius: 5px;35
background-color: #f2f2f2;36
padding: 20px;37
}38
</style>39
<body>40
41
<h3>使用 CSS 来渲染 HTML 的表单元素</h3>42
43
<div>44
<form action="/action_page.php">45
<label for="fname">First Name</label>46
<input type="text" id="fname" name="firstname" placeholder="Your name..">47
48
<label for="lname">Last Name</label>49
<input type="text" id="lname" name="lastname" placeholder="Your last name..">50
51
<label for="country">Country</label>52
<select id="country" name="country">53
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java