A widget to have a django text input split into multiple HTML inputs.
Project description
django_split_input
About
This is a django widget for multiple fixed size inputs for one form field. These could be used for those super fancy verification code forms. The cursor is moved to the next input field using JS/jQuery.
Usage
-
Install
django_split_input
and add it to yourINSTALLED_APPS
.pip install django-split-input
In your settings.py:
"django_split_input",
-
Install
jQuery
using your preferred method (e.g. django-yarnpkg) -
Create a form with a
CharField
. -
Use
SplitInput
as a widget and supply the sizes of all input fields.
from django import forms
from django_split_input import SplitInput
class VerificationForm(forms.Form):
auth_code = forms.CharField(label='Code', widget=SplitInput(sizes=(3, 3, 3)))
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
File details
Details for the file django-split-input-0.2.2.post1.tar.gz
.
File metadata
- Download URL: django-split-input-0.2.2.post1.tar.gz
- Upload date:
- Size: 7.4 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
- Uploaded via: poetry/1.1.4 CPython/3.8.6 Linux/5.8.0-41-generic
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | 9b0b7d4c4fba4f4dbef5e8e3b7e61366f017477745523573130d1f625f369fa6 |
|
MD5 | 8cea7c83d69b7cdd210b919d657a8274 |
|
BLAKE2b-256 | 601fdc7f26e02b02dc8f75f3aaabeecc7024f98ca86a48f71676d37b7acc9388 |
Provenance
File details
Details for the file django_split_input-0.2.2.post1-py3-none-any.whl
.
File metadata
- Download URL: django_split_input-0.2.2.post1-py3-none-any.whl
- Upload date:
- Size: 8.6 kB
- Tags: Python 3
- Uploaded using Trusted Publishing? No
- Uploaded via: poetry/1.1.4 CPython/3.8.6 Linux/5.8.0-41-generic
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | 65dc4b6c5cea77159a7d9ce120bb7a91cc6d2a86e23fcd373c4235d18365a059 |
|
MD5 | 8c404762de0973e074282653416ee090 |
|
BLAKE2b-256 | e4903fbd55d975742deee0e0a589d3c95a7c306737fe459337a5836960bba585 |