如何将焦点设置为django表单元素的CharField

我在登录页面使用Django的表单.I want to set focus to the first textField (username) when the page loads.我尝试使用Jquery如下,但是没有得到结果.

forms.py:
from django import forms
class LoginForm(forms.Form):
    userName = forms.EmailField(max_length=25)     
    password = forms.CharField( widget=forms.PasswordInput, label="password" )

的login.html

% block headextra %}
           
    {% endblock %}

{% block content %} 
{% csrf_token %}

    {{ form.as_table }}

Williams.. 15

正确的Django回答这个问题的方法如下(因为它不依赖于js被启用):

from django import forms

class LoginForm(forms.Form):
    user_name = forms.EmailField(max_length=25)     
    password = forms.CharField( widget=forms.PasswordInput, label="password" )

    def __init__(self):
        self.fields['user_name'].widget.attrs.update({'autofocus': 'autofocus'
            'required': 'required', 'placeholder': 'User Name'})
        self.fields['password'].widget.attrs.update({
            'required': 'required', 'placeholder': 'Password'})

此外,为了记录,我们避免使用camelcase作为对象属性.干杯!

正确的Django回答这个问题的方法如下(因为它不依赖于js被启用):

from django import forms

class LoginForm(forms.Form):
    user_name = forms.EmailField(max_length=25)     
    password = forms.CharField( widget=forms.PasswordInput, label="password" )

    def __init__(self):
        self.fields['user_name'].widget.attrs.update({'autofocus': 'autofocus'
            'required': 'required', 'placeholder': 'User Name'})
        self.fields['password'].widget.attrs.update({
            'required': 'required', 'placeholder': 'Password'})

此外,为了记录,我们避免使用camelcase作为对象属性.干杯!

    password = forms.CharField(
        widget=forms.PasswordInput(attrs={'autofocus': 'autofocus'}))

用于文本输入：

    field = forms.CharField(
        widget=forms.TextInput(attrs={'autofocus': 'autofocus'}))