CSS到底难不难-源码解析

最新推荐文章于 2023-12-08 20:23:09 发布

kaka_1994

最新推荐文章于 2023-12-08 20:23:09 发布

阅读量508

点赞数

分类专栏：前端知识文章标签：前端 html

本文链接：https://blog.csdn.net/javakaka666/article/details/79298659

版权

前端知识专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前端显示之表单制作

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>表单的学习--样式(显示部分)</h1>
<!--table:表格标签
form:表单标签


  (1) checked属性：是否被选中
  (2) maxlength属性：最大长度
  
  (3) readonly属性：是否只读(数据都可以提交到服务器)
  (4) disabled属性：是否可用(不可用时，数据不能提交到服务器) 
-->
<h1>用户注册</h1>
<form action="http://www.baidu.com">
<!--文本框-->
用户名：<input type="text" maxlength="6"
value="aaa" readonly="readonly"/> <br />
<!--密码框-->
密码：<input type="password"  disabled="disabled"/> <br />
<!--单选框：必须有name属性，同一组的选项，name的取值，必须相同-->
性别：<input type="radio"  name="sex"  checked="checked"/>男
 <input type="radio" name="sex"/>女
 <input type="radio" name="sex"/>其他  <br />  
<!--多选框-->
爱好：<input type="checkbox" checked="checked" />睡觉
 <input type="checkbox" />看小说
 <input type="checkbox" />打游戏  <br />
 
<!--文件域-->
个人靓照: <input type="file" />

<!--下拉框-->
请选择你所在的城市：<select>
<option  >长沙</option>
<option selected="selected" value="">深圳</option>
<option value="">广州</option>
<option value="">北京</option>
</select>   <br />

<!--多行文本框-->
个人介绍：<textarea  cols="30" rows="10"></textarea>


<!--普通按钮：没有任何特殊功能-->
<input type="button" value="普通按钮" />  <br />

<!--重置按钮：把用户的输入全部清空-->
<input type="reset" value="重置按钮"/> <br />

<!--提交按钮：向服务器提交用户的输入，服务器的地址有：action属性的值决定-->
<input type="submit"  value="提交到服务器" /> <br />

<!--图片按钮：作用等价于提交按钮，但是使用一张图片来显示-->
<input type="image" src="../4.css常见属性/14.jpg" />  <br />

<!--
隐藏域，用户看不见，服务器用于偷偷的保存用户的相关信息
服务器开发的时候，才能理解
-->
<input type="hidden" name="userid" value="liming"/>


</form>


</body>
</html>