HTML网站首页代码详细知识点

HTML网站首页代码详细知识点

  • 前言
  • 表单表标签:
    • action:提交的地址(我理解为要跳到的页面地址)
    • method:
      • get方式:默认提交方式,会将参数拼接在链接后面,并且有大小限制,4K
      • post方式:会将参数封装在请求体中,没有大小限制
    • input
  • 小结

请添加图片描述

前言

这是我学习HTML网站首页代码详细知识点,希望对大家有用

表单表标签:

action:提交的地址(我理解为要跳到的页面地址)

method:

get方式:默认提交方式,会将参数拼接在链接后面,并且有大小限制,4K

post方式:会将参数封装在请求体中,没有大小限制

  • ★post提交方式,如果action的链接中包含中文,由于HBuilder内置服务器不支持,所以会出现“内部服务器错误”,所以方法①不要写中文链接;方法②直接用浏览器打开HTML文件,不通过HBuilder打开即可

input

  • type:指定输入项的类型

    • text :文本框
    • password:密码框
    • radio :单选按钮
    • checkbox:复选按钮
    • file :上传文件
    • submit :提交按钮
    • button :普通按钮
    • reset :重置按钮
    • hidden :隐藏域
  • date :日期类型

    • tel :手机号
    • number :只允许输入数字
  • placeholder:指定默认的提示信息

    • name:在表单提交的时候,当作参数的名称
    • id:给输入项一个名字,以便于后期我们去找到它,并且操作它
  • textarea:文本域,可以输入一段文本

    • cols:指定宽度
    • rows:指定高度
  • select:下拉列表

    • option:选择项
DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>入门案例01title>

	head>
	<body>
		
		<form action="../11.21百度地图/index.html" method="get">
			
			
			<input type="hidden" value="sssss" name="uid"/>
			
			
			
			用户名:<input type= "text" value="didadida" id="usrname" 
				  placeholder="请输入用户名"/><br />
			
			密码:<input type="password" placeholder="请输入密码"/> <br />
			确认密码:<input type="password" placeholder="请再次输入相同密码 " /><br />
			邮箱:<input type="text" /><br />
			
			
			手机号码:<input type="number"  /><br />
			照片:<input type="file" /><br />
			
			性别:<input type="radio" name="sex" /><input type="radio" name="sex" /><br/>
			
			爱好:
				<input type="checkbox" />阅读
				<input type="checkbox" />打代码
				<input type="checkbox" />搞对象
				<br />
			
			择偶要求:<br />
				<textarea cols="40" rows="4">textarea><br />
			籍贯:
				<select>
					<option>--请选择--option>
					<option>湖北option>
					<option>山西option>
				select>
				<br />
			出生日期:
				<input type="datetime-local" /><br/>
			验证码:<input type="text" /><br />
			
			<input type="submit" value="注册" />
			<input type="button" value="普通按钮" />
			<input type="reset" value="重置按钮"/>
		form>
	body>
html>

小结

《HTML网站首页代码详细知识点》是一篇关于HTML网站首页代码的详细介绍。文章中提到了HTML网站首页的基本结构和常用的HTML标签,以及一些HTML5的新特性。

在HTML网站首页的基本结构方面,文章重点介绍了DOCTYPE声明、html、head和body标签的作用和使用方法。这些标签为网页提供了基本的框架和结构。

总的来说,《HTML网站首页代码详细知识点》这篇文章提供了一个全面的HTML网站首页代码指南。通过学习这些知识点,读者可以掌握HTML网站首页的基本结构和常用标签的使用方法,从而构建出美观、功能丰富的网站页面。
HTML网站首页代码详细知识点_第1张图片

你可能感兴趣的:(#,Java_知识碎片,html)