怎么用css做form表单的方法

小编给大家分享一下怎么用css做form表单的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都做网站、成都网站建设、神农架林区网络推广、成都小程序开发、神农架林区网络营销、神农架林区企业策划、神农架林区品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供神农架林区建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

                                                           网页中的表单是用于搜集用户的输入，简而言之，就是表单是网页与用户交互的一个不可或缺的元素，也就是说表单是用于向服务器传输数据的，总而言之，表单在网页中是非常重要的。

首先我们需要知道form表单是由不同类型的标签组成，下面我们来看一下有哪些标签。

Form：定义表单的范围。

Input：定义表单中的各个具体表单元素。

name：名称，设定此一栏的名称，程式中常会用到。

size：数值，设定此一栏位显现的宽度。

value：预设内容，设定此一栏位的预设内容。

align：对齐方式，设定此一栏位的对齐方式。

maxkength：数值，设定此一栏位可设定输入的最大长度。

表单中的元素很多，包括常用的输入框、文本框、单选项、复选框、下拉菜单、和按钮等，这里就不一一介绍了，我们就来直接看一个css form表单制作的例子。

用css做form表单的代码示例：

   


姓名:

城市:


    合肥
    南京
    杭州
    上海
    北京
    西安


性别:

    男

    女

爱好:

    看书
    上网
    睡觉

描述:

css form表单制作效果如下：

上述css form表单制作代码需要说明的是：

action属性 定义表单数据提交地址。

method属性 定义表单提交的方式，一般有“get”方式和“post”方式。

如果想要设置哪个值为默认值，可以用checked来设置。

以上是怎么用css做form表单的方法的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！