Django中html文本框大小设置,Django 一些HTML常识

HTML

学习前端完全是为了后面python全栈做准备,一切前端知识都以python内web开发使用的模板语法靠拢

HTML基本范式

Title

主要构成

head

描述信息

meta

标签可以设置页面是否支持触屏缩放功能，其中各元素的含义如下:

width=device-width ，表示宽度按照设备屏幕的宽度。

initial-scale=1.0，初始显示缩放比例。

minimum-scale=0.5，最小缩放比例。

maximum-scale=1.0，最大缩放比例。

user-scalable=yes，是否支持可缩放比例(触屏缩放)

示例:

meta meta标签可以设置关键字，用于搜索引擎收录和关键字搜索

示例:

image-20200909095923620

link

link标签可以设置网页标题上的图标

body

浏览器内呈现内容

块级 标签自己独占整行 div

行内 标签内容有多少就占多少空间 span

常用的标签

前端学习

定义块的风格,选择颜色

使用p定义段落,这里也可以定义风格选择颜色

添加a标签实现跳转

• 无序列表
• 无序列表1
• 无序列表2

1. 有序列表
2. 有序列表1
3. 有序列表2

表头/dt>

内容描述

单元格

单元格

单元格

第一行第二行第三行

文本框

密码框

单选框

男

女

复选框

吃饭

睡觉

打游戏

上传文件

下拉框单选

选项1

选项2

选项3

下拉框多选

选项1

选项2

选项3

用户名:

密 码:

性别: 男

女

爱好:

吃饭

睡觉

打豆豆

城市:

上海

北京

黑龙江

备注:

table

是table data cell 的缩写，单元格 是table row 的缩写，表格中的一行 是table header cell 的缩写，表头单元格

input

ext，文本框。

password，密码框。

radio，单选框(必须设置name属性相同，否则无法实现)。

checkbox，复选框。

file，文件上传。

select

select标签用于在浏览器上展示下拉框。

textarea

textarea用于在浏览器上展示多行文本输入框。

form(表单比较常用)

表单 在网站开发的过程中，用户可以使用上述【用户交互】相关的标签让用户输入内容，但如果想要再浏览器上把输入的内容提交到后台，则需要 表单 和 提交按钮 。

action="/xx/" ，表示表单要提交的地址。

method="get"，表示表单的提交方式(get 或 post，以后框架部分细讲)。

enctype="multipart/form-data"，如果form内部有文件上传，必须加上此设置。

用于提交当前所在的表单。

用于重置当前标签中的选项。