2015.7.7 第二课课程重点（ html：表单）

最新推荐文章于 2021-08-03 14:32:43 发布

weixin_33968104

最新推荐文章于 2021-08-03 14:32:43 发布

阅读量101

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/59muyu/p/4628550.html

本文详细介绍了HTML中表单元素的使用方法，包括按钮、文本框、密码输入、单选、复选框、下拉菜单、上传控件、多行输入框等，并讲解了CSS样式的三种写法：行内样式、内嵌式和链接式。同时，提供了关键代码示例，帮助开发者快速上手。

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

一、html-表单部分

　　1、按钮：

　　2、文本框：
　　　　<input type="text">

　　3、密码：
　　　　<input type="password">

　　4、单选：
　　　　<input type="radio" id="male" name="sex" checked="checked"><label for="male">男</label>
　　　　<input type="radio" id="female" name="sex"><label for="female">女</label>

　　5、复选框：
　　　　<input type="checkbox">红色<input type="checkbox">绿色

　　6、下拉菜单：
　　　　<select>
　　　　　　<option>--请选择--</option>
　　　　　　<option>唱歌</option>
　　　　　　<option>跳舞</option>
　　　　</select>　　

　　　　*如果要变成复选，加muiltiple即可。用户用Ctrl来实现多选。

　　　　还可以用size属性来改变下拉框(Select)的大小

　　7、上传控件：
　　　　<input type="file">

　　8、多行输入框：
　　　　<textarea cols="宽度" rows="高度"></textarea>

　　9、重置按钮：
　　　　<input type="reset"> [只针对它所在的form表单有效果]

　　10、提交按钮：
　　　　<input type="submit"> [只针对它所在的form表单有效果]

　　11、图片按钮：

　　12、隐藏字段：

二、css样式部分

　　1、css样式的三种常用写法：
　　　　第一种行内样式：直接在标签里，加<p style="color:red"></p>
　　　　第二种内嵌式：在head里面，加入<style> p{ color:red;} </style>
　　　　第三种链接式：在外部新建css文件写入样式，引入html：
　　　　　　<link rel="stylesheet" type="text/css" href="相对路径.css">

转载于:https://www.cnblogs.com/59muyu/p/4628550.html