使用materialecss的简单django表单模板标记
django-materializecss-form-bacchus的Python项目详细描述
#物化css form
Django form的物化css
一个简单的Django模板标记，可以与[materialecss]一起使用（http://materialecss.com/）
pypi]（https://pypi.python.org/pypi/django materialecss form）
[在GitHub上]（https://GitHub.com/kalwalkden/django materialecss form）
添加到已安装的应用：
`````
已安装的应用=（
“materialecssform”，
…
）
```
在项目中添加物化控件：
在基础中。html：
````
<；head>；
{%block css%}
<；link-href=“https://fonts.googleapis.com/icon？
<；lt；link rel=“stylesheet”rel=“stylesheet”rel=“stylesheet”rel=“stylesheet”rel=“stylesheet”>；
<；link rel=“stylesheet”rel=“http://cdnjs.cloudnjs.com/ajax/libs/materiale/1.0.0-rc.0-rc.1/css/materiale.min.css”integrity=“sha256-qj3p6P1fJIV+ndv7rw1u12uhuwuuuuuwboj9gcodzcnnfin8=“crossorigin=“anononymous=”/>>；
>>>
{%endblockcs/>```
<；正文
{%block javascript%>
<；script
src=“https://code.jquery.com/jquery.com/jquery-3.3.1.min.js”
src=“https://http://code.jquery.com/jquery.com/jquery-3.3.1.min.1.min.js”
<；script src=“br/>crossorigin=”匿名“
crossorigin=”匿名“>；
>
<；script br/><；script src=“https://cdnjs.cnj/materiale.min.js“完整性=“sha256 srbfgi+zp2lhav9m1bwcxztru9zzzzxmu5bbfgi+zp2lhav9m1bwcxztru9zzztmu5bcypcpe=“crossorigin=“匿名”>；
<；script>；
>$（document.ready（function（）{
///////初始化物化数据选择器
$（'.datepicker'）.datepicker（{'format''yyyyyyyyymm-dd'}）；
$（'select'）.formselect（）；
<；/
{%endblock javascript%}
{{{{{{{{{{{{{
{{表单。<；<；字段名>；>| materialecss}
用表单中的一个字段名替换下面的字段名。
```html
{{form.field{form.field{form.field物化ecss:s12 M6，icon=person'}
{{{form.field{form.field物化ecss：'custom_size=s12 M6，icon=person'}
```````
``````````datetimefield`注意` datetimefield
>输入字段被呈现为一个*datetime-local-datetime-local-datetime输入字段。
*类型，这允许用户轻松地输入日期和时间由于此字段需要ISO-8601格式您的主项目设置需要包含ISO格式，表单才能有效解释此字段：
```
来自django.conf.global_settings import DATETIME_INPUT_format S
ISO 8601 DATETIME format接受html5 DATETIME输入值
DATETIME_INPUT_FORMATS+=[%Y-%m-%dT%H:%m:%S”，%Y-%m-%dT%H:%m]
```
##演示
！[基本表单]（https://cloud.githubusercontent.com/assets/3958123/6165004/a1984f52-b2a4-11e4-8ae2-078505991b0d.png）
！[日期选择器]（https://cloud.githubusercontent.com/assets/3958123/6165005/a19bf044-b2a4-11e4-9989-6a64f9c97087.png）
！[日期时间选择器]（https://user images.gitubububuusercontent.com/556361/49763533-4976763533-8a44f580-fc92-11e8-8d24-f455373becd11.png）
《帮助
-tex输入
-tex输入
-checkbox输入
-checkbox输入
-radioselect
-选择
-选择
-选择多个
-选择复选框选择选择多个
-选择复选框选择选择多个
-多个
-文件字段
-日期字段
-DateTimeField
/]https://pypi.org/user/florent1933/
Django form的物化css
一个简单的Django模板标记，可以与[materialecss]一起使用（http://materialecss.com/）
pypi]（https://pypi.python.org/pypi/django materialecss form）
[在GitHub上]（https://GitHub.com/kalwalkden/django materialecss form）
添加到已安装的应用：
`````
已安装的应用=（
“materialecssform”，
…
）
```
在项目中添加物化控件：
在基础中。html：
````
<；head>；
{%block css%}
<；link-href=“https://fonts.googleapis.com/icon？
<；lt；link rel=“stylesheet”rel=“stylesheet”rel=“stylesheet”rel=“stylesheet”rel=“stylesheet”>；
<；link rel=“stylesheet”rel=“http://cdnjs.cloudnjs.com/ajax/libs/materiale/1.0.0-rc.0-rc.1/css/materiale.min.css”integrity=“sha256-qj3p6P1fJIV+ndv7rw1u12uhuwuuuuuwboj9gcodzcnnfin8=“crossorigin=“anononymous=”/>>；
>>>
{%endblockcs/>```
<；正文
{%block javascript%>
<；script
src=“https://code.jquery.com/jquery.com/jquery-3.3.1.min.js”
src=“https://http://code.jquery.com/jquery.com/jquery-3.3.1.min.1.min.js”
<；script src=“br/>crossorigin=”匿名“
crossorigin=”匿名“>；
>
<；script br/><；script src=“https://cdnjs.cnj/materiale.min.js“完整性=“sha256 srbfgi+zp2lhav9m1bwcxztru9zzzzxmu5bbfgi+zp2lhav9m1bwcxztru9zzztmu5bcypcpe=“crossorigin=“匿名”>；
<；script>；
>$（document.ready（function（）{
///////初始化物化数据选择器
$（'.datepicker'）.datepicker（{'format''yyyyyyyyymm-dd'}）；
$（'select'）.formselect（）；
<；/
{%endblock javascript%}
{{{{{{{{{{{{{
{{表单。<；<；字段名>；>| materialecss}
用表单中的一个字段名替换下面的字段名。
```html
{{form.field{form.field{form.field物化ecss:s12 M6，icon=person'}
{{{form.field{form.field物化ecss：'custom_size=s12 M6，icon=person'}
```````
``````````datetimefield`注意` datetimefield
>输入字段被呈现为一个*datetime-local-datetime-local-datetime输入字段。
*类型，这允许用户轻松地输入日期和时间由于此字段需要ISO-8601格式您的主项目设置需要包含ISO格式，表单才能有效解释此字段：
```
来自django.conf.global_settings import DATETIME_INPUT_format S
ISO 8601 DATETIME format接受html5 DATETIME输入值
DATETIME_INPUT_FORMATS+=[%Y-%m-%dT%H:%m:%S”，%Y-%m-%dT%H:%m]
```
##演示
！[基本表单]（https://cloud.githubusercontent.com/assets/3958123/6165004/a1984f52-b2a4-11e4-8ae2-078505991b0d.png）
！[日期选择器]（https://cloud.githubusercontent.com/assets/3958123/6165005/a19bf044-b2a4-11e4-9989-6a64f9c97087.png）
！[日期时间选择器]（https://user images.gitubububuusercontent.com/556361/49763533-4976763533-8a44f580-fc92-11e8-8d24-f455373becd11.png）
《帮助
-tex输入
-tex输入
-checkbox输入
-checkbox输入
-radioselect
-选择
-选择
-选择多个
-选择复选框选择选择多个
-选择复选框选择选择多个
-多个
-文件字段
-日期字段
-DateTimeField
/]https://pypi.org/user/florent1933/
欢迎加入QQ群-->： 979659372
