下面是一个简单的HTML表单示例,其中包含了一个输入框和一个提交按钮:
“`html
<!DOCTYPE html>
<html>
<head>
<title>表单</title>
<style>
input {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
button:hover {
background-color: #3e8e41;
</style>
</head>
<body>
<form>
<input type=”text” id=”myInput” name=”myInput” required>
<button type=”submit”>提交</button>
</form>
</body>
</html>
在这个示例中,大家使用了`input`和`button`标签来创建一个输入框和一个提交按钮。通过CSS样式表,大家可以对输入框和提交按钮进行样式设置,包括输入框的背景颜色、边框样式、字体大小、颜色、下拉列表的样式等。
使用CSS input标签还可以对表单中的其他元素进行样式设置,例如文本域、下拉列表、单选框等。通过灵活的使用CSS input标签,大家可以使得表单更加易用和美观。