利用HTML+CSS创建Form表单

最新推荐文章于 2022-04-25 17:20:20 发布

jokes000

最新推荐文章于 2022-04-25 17:20:20 发布

阅读量6.7k

点赞数

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/jokes000/article/details/8567245

版权

本文详细介绍了如何使用HTML创建各种表单元素，如输入框、选择框、提交按钮等，并结合CSS进行样式定制，实现美观且功能完整的表单设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML：

<!DOCTYPE html>
<html>
    <head>
        <title>Web Form</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <div id="header"><h1>Contact Us!</h1></div>
        <div id="wrapper">
            <div id="inputs">
                <form name="input" action="#" method="post">
            	    First name: <input type="text" name="firstname" value="first name"><br/>
            	    Last name: <input type="text" name="lastname" value="last name">