HTML基础

本文简单介绍HTML基础内容:
<head lang="en">
头部文件
<meta charset="UTF-8">
UTF-8是一种针对Unicode的可变长度字符编码,又称万国码。
<title>form表单</title>
title标签是网页的标题
</head>
<body>
action 提交地址 method 提交方式 get || post placeholder 提示文字
post 相比 get 更安全,因为不会再链接处显示
<form action="#" method="post">

账号: <input type="text" placeholder="请输入账号" name="username"/
输入文本框,placeholder是未输入时文本框内的提示内容,nema是给文本框命名

密码:<input type="password" maxlength="6" name="user_psw"/>
输入密码框,maxlength是限制密码的长度


<input type="button" value="按钮1"/>
设置一个按钮
<input type="reset"/>
将上述内容重置
<input type="submit"/>
将内容提交到指定位置
<button>我是html5新的可以发起提交的按钮</button>
是设置的可提交网址的按钮

男:<input type="radio" name="sex" checked/>
女:<input type="radio" name="sex"/>
单选按钮框,checked是默认选项

足球:<input type="checkbox" name="sports"/>
篮球:<input type="checkbox" name="sports"/>
乒乓球:<input type="checkbox" name="sports"/>
多选框,设置name的作用是使选项有一个相同的属性,以便选项框查找区分
=
<select name="" id="">
<option value="">北京</option>
<option value="">天京</option>
<option value="">地京</option>
</select>
下拉列表

<label for="football">足球:</label>
<input type="checkbox" name="sports" id="football"/
交互功能,使交互命名与输入功能连接,id具有唯一性


<textarea name="" id="" cols="30" rows="10"></textarea>
多行文本框

posted @ 2017-08-27 19:34  尾巴也不烂  阅读(84)  评论(0)    收藏  举报