国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 后端開發(fā) php教程 詳解Symfony2框架表單的用法

詳解Symfony2框架表單的用法

Jan 05, 2018 pm 05:21 PM
用法 表單

本文主要介紹了Symfony2框架學(xué)習(xí)筆記之表單用法,結(jié)合實(shí)例形式詳細(xì)分析了Symfony2針對表單的創(chuàng)建、校驗(yàn)、提交等各種常用技巧。需要的朋友可以參考下,希望對大家有所幫助。

對于一個(gè)Web開發(fā)者來說,處理HTML表單是一個(gè)最為普通又具挑戰(zhàn)的任務(wù)。Symfony2集成了一個(gè)Form組件,讓處理表單變的容易起來。在這一節(jié)里,我們將從基礎(chǔ)開始創(chuàng)建一個(gè)復(fù)雜的表單,學(xué)習(xí)表單類庫中最重要的內(nèi)容。

Symfony2 的Form組件是一個(gè)獨(dú)立的類庫,你可以在Symfony2項(xiàng)目之外使用它。

創(chuàng)建一個(gè)簡單的表單:

假設(shè)你要創(chuàng)建一個(gè)應(yīng)用程序的todo列表,需要顯示一些任務(wù)。因?yàn)槟愕挠脩粜枰庉嫼蛣?chuàng)建任務(wù),所以你需要創(chuàng)建一個(gè)表單。在你開始之前,首先來看通用的Task類,用來表示和存儲一個(gè)單一任務(wù)的數(shù)據(jù):

// src/Acme/TaskBundle/Entity/Task.php
namespace Acme\TaskBundle\Entity;
class Task
{
  protected $task;
  protected $dueDate;
  public function getTask()
  {
    return $this->task;
  }
  public function setTask($task)
  {
    $this->task = $task;
  }
  public function getDueDate()
  {
    return $this->dueDate;
  }
  public function setDueDate(\DateTime $dueDate = null)
  {
    $this->dueDate = $dueDate;
  }
}

如果你是按照我們提供的示例編碼,那么你需要先創(chuàng)建一個(gè)AcmeTaskBundle:

$ php app/console generate:bundle --namespace=Acme/TaskBundle

該類是一個(gè)普通的PHP對象類,因?yàn)樗麄儧]有任何Symfony或者其它類庫引用。非常簡單的一個(gè)PHP對象類,它直接解決的是你程序中表現(xiàn)task的數(shù)據(jù)。當(dāng)然,在本節(jié)的最后,你將能夠通過HTML表單提交一個(gè)Task實(shí)例數(shù)據(jù),校驗(yàn)它的數(shù)值,并把它持久化到數(shù)據(jù)庫。

創(chuàng)建一個(gè)Form

現(xiàn)在已經(jīng)創(chuàng)建了一個(gè)Task類,下一步就是創(chuàng)建和渲染一個(gè)真正的HTML表單了。在symfony2中,它是通過創(chuàng)建一個(gè)表單對象并渲染到模板的?,F(xiàn)在,可以從controller內(nèi)部處理form。

//src/Acme/TaskBundle/Controller/DefaultController.php
namespace Acme\TaskBundle\Controller;
use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Symfony\Component\HttpFoundation\Request;
use Acme\TaskBundle\Entity\Task;
class DefaultController extends Controller
{
    //創(chuàng)建一個(gè)任務(wù)并給它一些假數(shù)據(jù)作為示例
    $task = new Task();
    $task->setTask('Write a blog post');
    $task->setDueDate(new \DateTime('tomorrow'));
    $form = $this->createFormBuilder($task)
       ->add('task','text')
       ->add('dueDate','date')
       ->getForm();
    return $this->render('AcmeTaskBundle:Default:new.html.twig',array(
        'form' =>$form->createView(),
    ));
}

上面的示例顯示了如何直接在Controller中創(chuàng)建一個(gè)表單,為了可以讓表單重用你完全可以在一個(gè)單獨(dú)的類文件中創(chuàng)建表單。

因?yàn)镾ymfony2通過一個(gè)表單生成器“form builder"來創(chuàng)建表單對象,所以你可以使用很少的代碼就能完成創(chuàng)建表單任務(wù)。表單生成器的目的是讓你能編寫簡單的表單創(chuàng)建方法,讓它來負(fù)責(zé)繁重的創(chuàng)建任務(wù)。

在這個(gè)示例中,你已經(jīng)添加了兩個(gè)字段到你的表單,一個(gè)是task一個(gè)是dueDate。它們關(guān)聯(lián)到Task類的task和dueDate屬性。你已經(jīng)為它們分別指定了類型(比如,text,date等),由這些類型來決定為這些字段生成什么樣的HTML表單標(biāo)簽。

Symfony2 擁有許多內(nèi)建的類型,接下來我們將簡單的介紹。

渲染一個(gè)表單

表單創(chuàng)建以后,下一步就是渲染它。這是通過傳遞一個(gè)特定的表單”view"對象(就是上例中的 $form->createView()返回的view對象)到你的模板并通過一些列的表單幫助函數(shù)來實(shí)現(xiàn)的。

Twig格式:

{# src/Acme/TaskBundle/Resources/views/Default/new.html.twig #}
<form action="{{ path(&#39;task_new&#39;) }}" method ="post" {{ form_enctype(form) }}>
  {{ form_widget(form) }}
   <input type="submit" />
</form>

PHP代碼格式:

<!-- src/Acme/TaskBundle/Resources/views/Default/new.html.php -->
<form action="<?php echo $view[&#39;router&#39;]->generate(&#39;task_new&#39;) ?>" method="post" <?php echo $view[&#39;form&#39;]->enctype($form) ?> >
   <?php echo $view[&#39;form&#39;]->widget($form) ?>
   <input type="submit" />
</form>

在這里假設(shè)你已經(jīng)創(chuàng)建了一個(gè)名叫task_new的路由指向AcmeTaskBundle:Default:new Controller。

就是這些了,通過打印form_widget(form),表單中的每個(gè)字段都會被渲染出來。同時(shí)還有一個(gè)文本標(biāo)簽和錯誤信息。是不是很簡單,不過現(xiàn)在它還不夠靈活。通常情況下,我們渴望單獨(dú)渲染表單中的每一個(gè)字段,這樣我們可以更好的控制表單的樣式。我們會在在模板中渲染表單一節(jié)介紹。

在繼續(xù)下去之前,我們注意到,為什么我們渲染出來的task輸入框中有一個(gè)來自$task對象的屬性值“Write a blog post"。這是表單的第一個(gè)工作:從一個(gè)對象中獲取數(shù)據(jù)并把它轉(zhuǎn)換為合適的格式渲染到一個(gè)HTML表單中。

注意,表單系統(tǒng)已經(jīng)足夠聰明,它們能夠通過像getTask()和setTask()方法來訪問Task類中受保護(hù)的屬性task。除非一個(gè)是公共屬性,否則必須有一個(gè)getter和setter方法被定義來用于表單組件從這些屬性中獲取和保持?jǐn)?shù)據(jù)。對于布爾型的屬性,你可以使用一個(gè)”isser"方法(比如 isPublished())替代getter方法(getPublished())。

處理表單提交

表單系統(tǒng)的第二個(gè)任務(wù)就是傳遞用戶提交的數(shù)據(jù)回到一個(gè)對象的屬性中。要做到這一點(diǎn),用戶提交的數(shù)據(jù)必須綁定到表單才行。添加如下代碼到你的Controller類:

//...
public function newAction(Request $request)
{
     //只是創(chuàng)建一個(gè)新的$task對象(不需要假數(shù)據(jù))
    $task = new Task();
    $form= $this->createFormBuilder($task)
       ->add(&#39;task&#39;,&#39;text&#39;)
       ->add(&#39;dueDate&#39;,&#39;date&#39;)
       ->getForm();
    if($request->getMethod() == "POST"){
       $form->bindRequest($request);
       if($form->isValid()){
           //執(zhí)行一些行為,比如保持task到數(shù)據(jù)庫
           return $this->redirect($this->generateUrl(&#39;task_success&#39;));
       }
    }
    //...
}

現(xiàn)在,當(dāng)表單被提交時(shí),Controller可以綁定被提交的數(shù)據(jù)到表單,表單會把數(shù)據(jù)傳回$task對象的task和dueDate屬性。這些都在bindRequest()方法中完成。只要bindRequest()方法被調(diào)用,提交的數(shù)據(jù)就會立刻被傳輸?shù)降讓訉ο?。不管?shù)據(jù)是否被真正的校驗(yàn)通過。

controller一般會遵循一個(gè)通用的模式來處理表單,它有三個(gè)可能的途徑:

1.當(dāng)在瀏覽器初始加載一個(gè)頁面時(shí),請求方法是GET,表單處理僅僅是創(chuàng)建和渲染。

2.當(dāng)用戶提交帶有不合法數(shù)據(jù)的表單(方法為POST)時(shí),表單會并綁定然后渲染,這時(shí)候顯示所有校驗(yàn)錯誤。

3.當(dāng)用戶提交的表單帶有的數(shù)據(jù)均合法時(shí),表單綁定并且在頁面跳轉(zhuǎn)之前你有機(jī)會去使用數(shù)據(jù)去執(zhí)行一些業(yè)務(wù)邏輯活動,比如持久化它到數(shù)據(jù)庫)。

表單校驗(yàn)

在前面我們提到了,如何提交一個(gè)帶有合法數(shù)據(jù)和非法數(shù)據(jù)的表單。在Symfony2中,校驗(yàn)是在底層對象上進(jìn)行的。換句話說,form表單合法與否不重要,主要看在表單提交數(shù)據(jù)以后,底層對象比如$task對象是否合法。調(diào)用$form->isvalid() 是一個(gè)詢問底層對象是否獲得合法數(shù)據(jù)的快捷方式。

校驗(yàn)是通過添加一些列規(guī)則(約束)到一個(gè)類來完成的。我們給Task類添加規(guī)則和約束,使它的task屬性不能為空,duDate字段不能空并且是一個(gè)合法的DateTime對象。

YAML格式:

# Acme/TaskBundle/Resources/config/validation.yml
Acme\TaskBundle\Entity\Task:
  properties:
    task:
      - NotBlank: ~
    dueDate:
      - NotBlank: ~
      - Type: \DateTime

在Task類中聲明格式:

// Acme/TaskBundle/Entity/Task.php
use Symfony\Component\Validator\Constraints as Assert;
class Task
{
  /**
   * @Assert\NotBlank()
   */
  public $task;
  /**
   * @Assert\NotBlank()
   * @Assert\Type("\DateTime")
   */
  protected $dueDate;
}

XML格式:

<!-- Acme/TaskBundle/Resources/config/validation.xml -->
<class name="Acme\TaskBundle\Entity\Task">
  <property name="task">
    <constraint name="NotBlank" />
  </property>
  <property name="dueDate">
    <constraint name="NotBlank" />
    <constraint name="Type">
      <value>\DateTime</value>
    </constraint>
  </property>
</class>

PHP代碼格式:

// Acme/TaskBundle/Entity/Task.php
use Symfony\Component\Validator\Mapping\ClassMetadata;
use Symfony\Component\Validator\Constraints\NotBlank;
use Symfony\Component\Validator\Constraints\Type;
class Task
{
  // ...
  public static function loadValidatorMetadata(ClassMetadata $metadata)
  {
    $metadata->addPropertyConstraint(&#39;task&#39;, new NotBlank());
    $metadata->addPropertyConstraint(&#39;dueDate&#39;, new NotBlank());
    $metadata->addPropertyConstraint(&#39;dueDate&#39;, new Type(&#39;\DateTime&#39;));
  }
}

就是這樣了,如果你現(xiàn)在再提交包含非法數(shù)據(jù)的表單,你將會看到相應(yīng)的錯誤被打印在表單上。

HTML5 校驗(yàn)

作為HTML5,許多瀏覽器都加強(qiáng)了客戶端某些校驗(yàn)約束。最常用的校驗(yàn)活動是在一個(gè)必須的字段上渲染一個(gè)required屬性。對于支持HTML5的瀏覽器來說,如果用戶此時(shí)提交一個(gè)空字段到表單時(shí),瀏覽器會顯示提示信息。生成的表單廣泛吸收了這些新內(nèi)容的優(yōu)點(diǎn),通過添加一些HTML屬性來監(jiān)控校驗(yàn)??蛻舳诵r?yàn)可以通過添加novalidate屬性到form標(biāo)簽或者formnovalidate 到提交標(biāo)簽而關(guān)閉。這對你想檢查服務(wù)端校驗(yàn)規(guī)則時(shí)非常有用。

校驗(yàn)分組

如果你的對象想從校驗(yàn)組中受益,你需要指定你的表單使用哪個(gè)校驗(yàn)組。

$form = $this->createFormBuilder($users, array(
  &#39;validation_groups&#39; => array(&#39;registration&#39;),
))->add(...)
;

如果你創(chuàng)建表單類,你需要添加羨慕的getDefaultOptions()方法:

public function getDefaultOptions(array $options)
{
  return array(
    &#39;validation_groups&#39; => array(&#39;registration&#39;)
  );
}

在這兩種情況下,只有registration 校驗(yàn)組將被用于校驗(yàn)底層對象。

內(nèi)建字段類型

Symfony標(biāo)準(zhǔn)版含有大量的字段類型,它們幾乎涵蓋了所有通用表單的字段和數(shù)據(jù)類型。

文本字段:
text
textarea
email
integer
money
number
password
percent
search
url

選擇字段:
choice
entity
country
language
locale
timezone

日期和時(shí)間字段:
date
datetime
time
birthday

其它字段:
checkbox
file
radio

字段組:
collection
repeated

隱藏字段:
hidden
csrf

基礎(chǔ)字段:
field
form

當(dāng)然,你也可以定義自己的字段類型。

字段類型選項(xiàng)

每一個(gè)字段類型都有一定數(shù)量的選項(xiàng)用于配置。比如,dueDate字段當(dāng)前被渲染成3個(gè)選擇框。而日期字段可以被配置渲染成一個(gè)單一的文本框,用戶可以輸入字符串作為日期。

->add(&#39;dueData&#39;,&#39;data&#39;, array(&#39;widget&#39; = &#39;single_text&#39;))

required選項(xiàng):

最常用到的選項(xiàng)是required選項(xiàng),它可以應(yīng)用于任何字段。默認(rèn)情況下它被設(shè)置為true。這就意味著支持HTML5的瀏覽器會使用客戶端校驗(yàn)來判斷字段是否為空。如果你不想讓它發(fā)生,或者把在你的字段上把required選項(xiàng)設(shè)置為false,或者關(guān)閉HTML5校驗(yàn)。設(shè)置required為true并不意味著服務(wù)端校驗(yàn)被應(yīng)用。換句話說,如果用戶提交一個(gè)空數(shù)值到該字段,它將接受這個(gè)控制除非你使用Symfony的NotBlank或者NotNull校驗(yàn)約束。也就是說,required選項(xiàng)是很好,但是服務(wù)端校驗(yàn)還是要繼續(xù)用。

label選項(xiàng):

表單字段可以使用label選項(xiàng)設(shè)置顯示字符標(biāo)簽,可以應(yīng)用于任何字段:

->add(&#39;dueDate&#39;, &#39;date&#39;,array(
  &#39;widget&#39; =>&#39;single_text&#39;,
  &#39;label&#39; => &#39;Due Date&#39;,
))

字段類型猜測:

現(xiàn)在你已經(jīng)添加了校驗(yàn)元數(shù)據(jù)到Task類,Symfony早已經(jīng)了解一點(diǎn)關(guān)于你的字段了。如果你允許,Symfony可以猜到你的字段數(shù)據(jù)類型并為你設(shè)置它。在下面的例子中,Symfony可以根據(jù)校驗(yàn)規(guī)則猜測到task字段是一個(gè)標(biāo)準(zhǔn)的text字段,dueDate是date字段。

public function newAction()
{
  $task = new Task();
  $form = $this->createFormBuilder($task)
    ->add(&#39;task&#39;)
    ->add(&#39;dueDate&#39;, null, array(&#39;widget&#39; => &#39;single_text&#39;))
    ->getForm();
}

當(dāng)你省略了add方法的第二個(gè)參數(shù)(或者你輸入null)時(shí),Symfony的猜測能力就起作用了。如果你輸入一個(gè)選項(xiàng)數(shù)組作為第三個(gè)參數(shù)(比如上面的dueDate),那么這些選項(xiàng)會成為Symfony猜測的依據(jù)。如果你的表單使用了指定的校驗(yàn)數(shù)組,字段類型猜測器將還是要考慮所有的校驗(yàn)規(guī)則來綜合猜測你的字段類型。

字段類型可選項(xiàng)猜測

除了猜測字段類型,Symfony還能是這猜測一些可選項(xiàng)字段值。當(dāng)這些可選項(xiàng)被設(shè)置時(shí),字段將會被渲染到特定HTML屬性中,讓HTML5客戶端來提供校驗(yàn)。

然而,它們不會在服務(wù)端生成相應(yīng)的校驗(yàn)規(guī)則。盡管你需要手動的在服務(wù)端添加這些規(guī)則,但是這些字段類型選項(xiàng)還是能根據(jù)這些信息猜測到。

required: required規(guī)則可以在校驗(yàn)規(guī)則或者Doctrine元數(shù)據(jù)的基礎(chǔ)上猜測到。這當(dāng)你的客戶端校驗(yàn)將自動匹配你的校驗(yàn)規(guī)則時(shí)很有用。
max_length: 如果字段是一些列文本字段,那么max_length選項(xiàng)可以從校驗(yàn)規(guī)則或者Doctrine元數(shù)據(jù)中猜到。
如果你喜歡改變一個(gè)猜到的數(shù)值,你可以通過在可選項(xiàng)數(shù)組中傳遞該選項(xiàng)來重寫它。

->add(&#39;task&#39;,null, array(&#39;max_length&#39;=>4))

在模板中渲染表單

到目前為止,我們已經(jīng)看了一個(gè)完整的表單是如何通過一行代碼被渲染的。當(dāng)然,你通常需要更加靈活的渲染方式:

Twig格式:

{# src/Acme/TaskBundle/Resources/views/Default/new.html.twig #}
<form action="{{ path(&#39;task_new&#39;) }}" method="post" {{ form_enctype(form) }}>
  {{ form_errors(form) }}
  {{ form_row(form.task) }}
  {{ form_row(form.dueDate) }}
  {{ form_rest(form) }}
  <input type="submit" />
</form>

PHP代碼格式:

<!-- // src/Acme/TaskBundle/Resources/views/Default/newAction.html.php -->
<form action="<?php echo $view[&#39;router&#39;]->generate(&#39;task_new&#39;) ?>" method="post" <?php echo $view[&#39;form&#39;]->enctype($form) ?>>
  <?php echo $view[&#39;form&#39;]->errors($form) ?>
  <?php echo $view[&#39;form&#39;]->row($form[&#39;task&#39;]) ?>
  <?php echo $view[&#39;form&#39;]->row($form[&#39;dueDate&#39;]) ?>
  <?php echo $view[&#39;form&#39;]->rest($form) ?>
  <input type="submit" />
</form>

讓我們看看這組代碼的詳細(xì):

form_enctype(form) 只要有一個(gè)字段是文件上傳,那么它就會義務(wù)的設(shè)置為 enctype="multipart/form-data";
form_errors(form) 渲染任何整個(gè)form的任何錯誤信息(特定字段的錯誤,會顯示在每個(gè)字段的下面一行)。
form_row(form.dueDate) 默認(rèn)情況下,為給定的字段在一個(gè)p中渲染一個(gè)文本標(biāo)簽,任何錯誤,和HTML表單部件。
form_rest(form) 渲染沒有指出的其余任何字段,通常在表單的末尾調(diào)用它防止遺忘或者渲染一些你不愿意手動設(shè)置的隱藏字段。它同時(shí)還能為我們提供CSRF保護(hù)。

大部分工作是由form_row幫助方法類完成的,它默認(rèn)在一個(gè)p中為每個(gè)字段渲染顯示標(biāo)簽,錯誤信息和HTML表單部件。

注意,你可以通過form.vars.value 來訪問你當(dāng)前是表當(dāng)數(shù)據(jù):

Twig格式:

{{ form.vars.value.task }}

PHP代碼格式:

<?php echo $view[&#39;form&#39;]->get(&#39;value&#39;)->getTask() ?>

手工渲染每一個(gè)表單字段

form_row幫助器能讓你很快的渲染你表單中的每一個(gè)字段,并且每一行可以被自定義化。但是生活不總是那么簡單的,你也可能要手動的渲染每一個(gè)字段。

Twig格式:

{{ form_errors(form) }}
<p>
  {{ form_label(form.task) }}
  {{ form_errors(form.task) }}
  {{ form_widget(form.task) }}
</p>
<p>
  {{ form_label(form.dueDate) }}
  {{ form_errors(form.dueDate) }}
  {{ form_widget(form.dueDate) }}
</p>
{{ form_rest(form) }}

PHP代碼格式:

<?php echo $view[&#39;form&#39;]->errors($form) ?>
<p>
  <?php echo $view[&#39;form&#39;]->label($form[&#39;task&#39;]) ?>
  <?php echo $view[&#39;form&#39;]->errors($form[&#39;task&#39;]) ?>
  <?php echo $view[&#39;form&#39;]->widget($form[&#39;task&#39;]) ?>
</p>
<p>
  <?php echo $view[&#39;form&#39;]->label($form[&#39;dueDate&#39;]) ?>
  <?php echo $view[&#39;form&#39;]->errors($form[&#39;dueDate&#39;]) ?>
  <?php echo $view[&#39;form&#39;]->widget($form[&#39;dueDate&#39;]) ?>
</p>
<?php echo $view[&#39;form&#39;]->rest($form) ?>

如果自動生成顯示標(biāo)簽不準(zhǔn)確,那么你可以顯式的指定它:

Twig格式:

{{ form_label(form.task, &#39;Task Description&#39;) }}

PHP代碼格式:

<?php echo $view[&#39;form&#39;]->label($form[&#39;task&#39;], &#39;Task Description&#39;) ?>

一些字段類型有一些額外的渲染選項(xiàng)可以傳入widget,一個(gè)常用的選項(xiàng)為attr,它允許你修改表單元素的屬性。下面的示例將添加task_field class到渲染的文本輸入字段:

Twig格式:

{{ form_widget(form.task, {&#39;attr&#39;: {&#39;class&#39;:&#39;task_field&#39;} }) }}

PHP代碼格式:

<?php echo $view[&#39;form&#39;]->widget($form[&#39;task&#39;], array(
&#39;attr&#39; => array(&#39;class&#39; => &#39;task_field&#39;),
)) ?>

如果你想手工渲染表單字段,你可以單獨(dú)訪問每個(gè)字段的值,比如id,name和label,這里我們獲取id

Twig格式:

{{ form.task.vars.id }}

PHP代碼格式:

<?php echo $form[&#39;task&#39;]->get(&#39;id&#39;) ?>

需要獲取表單字段名稱屬性你需要使用full_name值:

Twig格式:

{{ form.task.vars.full_name }}

PHP代碼格式:

<?php echo $form[&#39;task&#39;]->get(&#39;full_name&#39;) ?>

創(chuàng)建表單類

正如你看到的,一個(gè)表單可以直接在controller類中被創(chuàng)建和使用。然而,一個(gè)更好的做法是在一個(gè)單獨(dú)的PHP類中創(chuàng)建表單。它可以被重用到你應(yīng)用程序的任何地方。創(chuàng)建一個(gè)新類來保存生成task表單的邏輯:

// src/Acme/TaskBundle/Form/Type/TaskType.php
namespace Acme\TaskBundle\Form\Type;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilder;
class TaskType extends AbstractType
{
  public function buildForm(FormBuilder $builder, array $options)
  {
    $builder->add(&#39;task&#39;);
    $builder->add(&#39;dueDate&#39;, null, array(&#39;widget&#39; => &#39;single_text&#39;));
  }
  public function getName()
  {
    return &#39;task&#39;;
  }
}

這個(gè)新類包含了所有創(chuàng)建一個(gè)task表單所需要的內(nèi)容,注意getName()方法將返回一個(gè)該表單類型的唯一標(biāo)識,用于快速創(chuàng)建該表單。

// src/Acme/TaskBundle/Controller/DefaultController.php
// 在類上添加這個(gè)新的引用語句
use Acme\TaskBundle\Form\Type\TaskType;
public function newAction()
{
    $task = // ...
    $form = $this->createForm(new TaskType(), $task);
    // ...
}

設(shè)置data_class

每個(gè)表單都需要知道它底層保存數(shù)據(jù)的類名稱,(比如Acme\TaskBundle\Entity\Task)。通常情況下,是根據(jù)createForm方法的第二個(gè)參數(shù)來猜測的。以后,當(dāng)你開始嵌入表單時(shí),這個(gè)可能就不怎么充分了,所以,通常一個(gè)好的方法是通過添加下面代碼到你的表單類型類來顯式的指定data_class 選項(xiàng)。

public function getDefaultOptions(array $options)
{
   return array(
        &#39;data_class&#39; => &#39;Acme\TaskBundle\Entity\Task&#39;,
   );
}

當(dāng)然,這種做法也不總是必須的。

當(dāng)你映射表單到一個(gè)對象是,所有的字段都被映射。 表單的任何字段如果在映射的對象上不存在那么就會造成拋出異常。在這種情況下,你需要在表單中獲取字段(比如,一個(gè)“你同意這些說法嗎?”復(fù)選框)將不能映射到底層對象,那么你需要設(shè)置property_path為false以避免拋出異常。

public function buildForm(FormBuilder $builder, array $options)
{
     $builder->add(&#39;task&#39;);
     $builder->add(&#39;dueDate&#39;, null, array(&#39;property_path&#39; => false));
}

另外,如果有任何的表單字段沒有被包含著提交的數(shù)據(jù)中,那么這些字段需要顯式的設(shè)置為null。

在controller類中我們可以訪問字段數(shù)據(jù):


$form->get(&#39;dueDate&#39;)->getData();

Forms和Doctrine

表單的目的是把數(shù)據(jù)從一個(gè)底層對象傳遞給一個(gè)HTML表單然后把用戶提交的數(shù)據(jù)傳回到原先的底層對象。因此,底層對象把數(shù)據(jù)持久化到數(shù)據(jù)庫就跟表單沒有任何的關(guān)系了。但是,如果你已經(jīng)配置了底層類是通過Doctrine來持久化,(你已經(jīng)定義了映射元數(shù)據(jù)在底層類),接下來當(dāng)表單提交數(shù)據(jù)后,當(dāng)表單合法后就可以持久化它了。

if ($form->isValid()) {
  $em = $this->getDoctrine()->getEntityManager();
  $em->persist($task);
  $em->flush();
  return $this->redirect($this->generateUrl(&#39;task_success&#39;));
}

如果處于某種原因,你不想訪問原有的$task對象,你可以從表單中直接獲取數(shù)據(jù):

$task = $form->getData();

在這里,關(guān)鍵要理解當(dāng)表單跟底層對象綁定后,用戶提交的數(shù)據(jù)會立刻傳遞給底層對象。如果你想持久化這些數(shù)據(jù),你只需要持久化對象本身即可。

嵌入式表單:(Embedded Forms)

通常,你可能想生成一個(gè)表單,它包含來自不同對象的字段。比如,一個(gè)注冊表單可能包含屬于User對象和Address對象的字段。幸運(yùn)的是,這些對于form組件來說都是很容易很自然的事。嵌入一個(gè)單獨(dú)對象:假設(shè)每個(gè)Task屬于一個(gè)Category對象,首先創(chuàng)建這個(gè)Category對象:

// src/Acme/TaskBundle/Entity/Category.php
namespace Acme\TaskBundle\Entity;
use Symfony\Component\Validator\Constraints as Assert;
class Category
{
  /**
   * @Assert\NotBlank()
   */
  public $name;
}

接下來,添加一個(gè)新的category屬性到Task類:

// ...
class Task
{
  // ...
  /**
   * @Assert\Type(type="Acme\TaskBundle\Entity\Category")
   */
  protected $category;
  // ...
  public function getCategory()
  {
    return $this->category;
  }
  public function setCategory(Category $category = null)
  {
    $this->category = $category;
  }
}

現(xiàn)在我們來相應(yīng)我們應(yīng)用程序的一個(gè)新需求,需要創(chuàng)建一個(gè) 表單可以讓用戶修改Category對象。

// src/Acme/TaskBundle/Form/Type/CategoryType.php
namespace Acme\TaskBundle\Form\Type;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilder;
class CategoryType extends AbstractType
{
  public function buildForm(FormBuilder $builder, array $options)
  {
    $builder->add(&#39;name&#39;);
  }
  public function getDefaultOptions(array $options)
  {
    return array(
      &#39;data_class&#39; => &#39;Acme\TaskBundle\Entity\Category&#39;,
    );
  }
  public function getName()
  {
    return &#39;category&#39;;
  }
}

我們的最終目的是能夠讓用戶在Task表單中修改Category對象,所以,我們需要添加一個(gè)類型為CategoryType表單類的category字段到TaskType 表單類。

public function buildForm(FormBuilder $builder, array $options)
{
  // ...
  $builder->add(&#39;category&#39;, new CategoryType());
}

這時(shí)我們可以在TaskType類字段渲染的旁邊渲染CategoryType類的字段了:
Twig格式:

{# ... #}
<h3>Category</h3>
<p class="category">
  {{ form_row(form.category.name) }}
</p>
{{ form_rest(form) }}
{# ... #}

PHP代碼格式:

<!-- ... -->
<h3>Category</h3>
<p class="category">
  <?php echo $view[&#39;form&#39;]->row($form[&#39;category&#39;][&#39;name&#39;]) ?>
</p>
<?php echo $view[&#39;form&#39;]->rest($form) ?>
<!-- ... -->

當(dāng)用戶提交表單時(shí),提交的Category字段數(shù)據(jù)被用于創(chuàng)建一個(gè)Category實(shí)例,然后被設(shè)置到Task實(shí)例的category字段。該Category實(shí)例可以通過Task實(shí)例來訪問,同時(shí)也能被持久化到數(shù)據(jù)或者用作它用。

$task->getCategory()

嵌入一個(gè)表單集合

你也可以將一個(gè)表單集合嵌入到一個(gè)表單(想象一個(gè)Category 表單和許多Product子表單)。它是通過一個(gè)字段類型集合類實(shí)現(xiàn)的。

表單主題化

表單的每一部分渲染都是可以被自定義個(gè)性化的。你可以自由的改變每一個(gè)表單行的渲染,改變渲染錯誤的標(biāo)志,更或者是textarea標(biāo)簽應(yīng)該怎樣顯示等。沒有任何限制,不同的個(gè)性化設(shè)置能用到不同的區(qū)域。

Symfony使用模板渲染每一個(gè)或者部分表單,比如label標(biāo)簽,input標(biāo)簽,錯誤信息以及任何其它內(nèi)容。在Twig中,每個(gè)表單片段會被一個(gè)Twig block來渲染。要個(gè)性化渲染表單,你只需要重寫相應(yīng)的block即可。在PHP模板中,它是通過單獨(dú)的模板文件來渲染表單片段的,所以你需要通過編寫新的模板來替代舊的模板即可。在理解了它們是怎么工作的之后,讓我們來個(gè)性化form_row片段并添加一個(gè)class屬性到包裹每一表單行的p元素。首先創(chuàng)建一個(gè)新模板文件用于存放新的標(biāo)志:

Twig格式:

{# src/Acme/TaskBundle/Resources/views/Form/fields.html.twig #}
{% block field_row %}
{% spaceless %}
  <p class="form_row">
    {{ form_label(form) }}
    {{ form_errors(form) }}
    {{ form_widget(form) }}
  </p>
{% endspaceless %}
{% endblock field_row %}

PHP代碼格式:

<!-- src/Acme/TaskBundle/Resources/views/Form/field_row.html.php -->
<p class="form_row">
  <?php echo $view[&#39;form&#39;]->label($form, $label) ?>
  <?php echo $view[&#39;form&#39;]->errors($form) ?>
  <?php echo $view[&#39;form&#39;]->widget($form, $parameters) ?>
</p>

field_row表單片段會在通過form_row函數(shù)渲染大部分的表單字段時(shí)使用。 要告訴你的表單組件使用你的新的field_row片段,需要添加下面的內(nèi)容到你渲染該表單的模板頂部:

Twig格式:

{# src/Acme/TaskBundle/Resources/views/Default/new.html.twig #}
{% form_theme form &#39;AcmeTaskBundle:Form:fields.html.twig&#39; %}
{% form_theme form &#39;AcmeTaskBundle:Form:fields.html.twig&#39; &#39;AcmeTaskBundle:Form:fields2.html.twig&#39; %}
<form ...>

PHP代碼格式:

<!-- src/Acme/TaskBundle/Resources/views/Default/new.html.php -->
<?php $view[&#39;form&#39;]->setTheme($form, array(&#39;AcmeTaskBundle:Form&#39;)) ?>
<?php $view[&#39;form&#39;]->setTheme($form, array(&#39;AcmeTaskBundle:Form&#39;, &#39;AcmeTaskBundle:Form&#39;)) ?>
<form ...>

其中的form_theme 標(biāo)簽導(dǎo)入前面定義的片段。換句話說,當(dāng)form_row函數(shù)在模板中被調(diào)用后,它將從你的自定義主題中使用field_row 塊(替代Symfony已有的field_row block)。你的個(gè)性化主題不必重寫所有的塊。當(dāng)渲染一個(gè)你沒有重寫過的塊時(shí),主題引起會找全局的主題(定義在bundle級的主題)使用。

在擁有多個(gè)個(gè)性化主題的情況下,它會在使用全局主題之前查找定制列表。要個(gè)性化你表單的任何部分,你只需要重寫相關(guān)的片段即可。

表單片段命名

在symfony中,表單的每一部分都會被渲染,HTML表單元素,錯誤消息,顯示標(biāo)簽等這些都是被定義在基礎(chǔ)主題里的。它組成了一個(gè)Twig的塊集合和一個(gè)PHP模板集合。

在Twig中,每個(gè)需要的塊都被定義到一個(gè)單獨(dú)的模板文件中(form_pe_layout.html.twig),它們被保存在Twig Bridge里。在這個(gè)文件中,你可以看到渲染一個(gè)表單多需要的每一個(gè)block和默認(rèn)的字段類型。

在PHP模板中,片段是單獨(dú)的模板文件。 默認(rèn)情況下它們位于框架bundle的Resources/views/Form 目錄下。每個(gè)偏度名稱都遵循相同的基本模式,用一個(gè)下劃線(_)分為兩部分,比如:

field_row 用于form_row渲染大部分的字段
textarea_widget 用于form_widget渲染一個(gè)textarea字段類型
field_errors 用于form_errors渲染一個(gè)字段的錯誤信息

每個(gè)片段都命名都遵循:type_part 模式。type部分對應(yīng)被渲染的字段類型(比如textarea,checkbox,date等),而part部分對應(yīng)著是什么被渲染(比如label,widget,errors等)

默認(rèn)情況下,有4種可能的表單part被用來渲染:

label 渲染字段的標(biāo)簽 如field_label
widget 渲染字段的HTML表示 如field_widget
errors 渲染字段的錯誤信息 如field_errors
row 渲染字段的整個(gè)行(包括label,widget和errors) 如 filed_row

還有其它3個(gè)part類型,分別是rows,rest和enctype,不過這三個(gè)一般不會用到。

通過知道字段類型(比如:textarea)和你想渲染那一部分(比如:widget),你可以創(chuàng)建一個(gè)你需要重寫的片段名稱(比如:textarea_widget).

模板片段繼承

在某些情況下,你個(gè)性化的片段可能會丟失。比如,在Symfony提供的默認(rèn)主題中沒有提供textarea_errors片段。那么如何來渲染一個(gè)textarea字段的錯誤信息呢?

答案是通過field_errors片段。當(dāng)Symfony渲染一個(gè)textarea類型的錯誤時(shí),它首先查找一個(gè)textarea_errors片段,如果沒有找到則會回到field_errors片段。

每個(gè)field類型有一個(gè)parenttype(textarea的父類型為field),Symfony如果沒有發(fā)現(xiàn)本身的片段,就會轉(zhuǎn)而使用父類片段。

所以,要重寫textarea字段的errors,拷貝field_errors片段,重命名為textarea_errors并個(gè)性化它們。為所有字段重寫默認(rèn)的error渲染,則需要直接拷貝和個(gè)性化field_errors片段。

全局表單主題

在上面的示例中,我們使用了form_theme helper來導(dǎo)入自定義個(gè)的表單片段到表單。你也可以告訴Symfony在全項(xiàng)目中導(dǎo)入自定義的form。

Twig

為了從所有之前創(chuàng)建的fileds.html.twig模板中自動包含個(gè)性化的block,修改你的應(yīng)用程序配置文件:

YAML格式:

# app/config/config.yml
twig:
  form:
    resources:
      - &#39;AcmeTaskBundle:Form:fields.html.twig&#39;
  # ...

XML格式:

<!-- app/config/config.xml -->
<twig:config ...>
    <twig:form>
      <resource>AcmeTaskBundle:Form:fields.html.twig</resource>
    </twig:form>
    <!-- ... -->
</twig:config>

PHP代碼格式:

// app/config/config.php
$container->loadFromExtension(&#39;twig&#39;, array(
  &#39;form&#39; => array(&#39;resources&#39; => array(
    &#39;AcmeTaskBundle:Form:fields.html.twig&#39;,
   ))
  // ...
));

現(xiàn)在在fields.html.twig模板中的任何塊都可以被廣泛的使用來定義表單輸出了。

自定義表單輸出到一個(gè)單一的Twig文件中

在Twig中,你也可以個(gè)性化一個(gè)表單塊在模板中

{% extends &#39;::base.html.twig&#39;%}
{# 導(dǎo)入"_self" 作為一個(gè)表單主題 #}
{% form_theme form _self %}
{# 個(gè)性化表單片段 #}
{% block field_row %}
    {# 自定義字段行輸出 #}
{% endblock field_row %}
{% block content %}
    {# ... #}
    {{ form_row(form.task) }}
{% endblock %}

這里{% form_theme form _self %}標(biāo)簽允許表單塊在使用那些自動化內(nèi)容的模板中被直接自定義化。使用這個(gè)方法來快速的生成個(gè)性化輸出。

注意,{% form_theme form _self %}的功能只有在繼承自其它模板時(shí)才能起作用,如果不是繼承自其它模板,則需要指出form_theme 到單獨(dú)模板中。

PHP

從以前在所有模板中創(chuàng)建的Acme/TaskBundle/Resources/views/Form 目錄自動導(dǎo)入個(gè)性化模板。修改你的配置文件:

YAML格式:

# app/config/config.yml
framework:
  templating:
    form:
      resources:
        - &#39;AcmeTaskBundle:Form&#39;
# ...

XML格式:

<!-- app/config/config.xml -->
<framework:config ...>
  <framework:templating>
    <framework:form>
      <resource>AcmeTaskBundle:Form</resource>
    </framework:form>
  </framework:templating>
  <!-- ... -->
</framework:config>

PHP代碼格式:

// app/config/config.php
$container->loadFromExtension(&#39;framework&#39;, array(
  &#39;templating&#39; => array(&#39;form&#39; =>
    array(&#39;resources&#39; => array(
      &#39;AcmeTaskBundle:Form&#39;,
   )))
  // ...
));

此時(shí)在Acme/TaskBundle/Resources/views/Form目錄中的任何片段都可以全局范圍內(nèi)定義表單輸出了。

CSRF 保護(hù)

CSRF--Cross-site request forgery,跨站偽造請求 是惡意攻擊者試圖讓你的合法用戶在不知不覺中提交他們本不想提交的數(shù)據(jù)的一種方法。

幸運(yùn)的是,CSRF攻擊可以通過在你的表單中使用CSRF 記號來阻止。

默認(rèn)情況下,Symfony自動為你嵌入一個(gè)合法的CSRF令牌。這就意味著你不需要做任何事情就可以得到CSRF保護(hù)。CSRF保護(hù)是通過在你的表單中添加一個(gè)隱藏字段,默認(rèn)的名叫_token。它包含一個(gè)值,這個(gè)值只有你和你的用戶知道。這確保了是用戶而不是其它實(shí)體在提交數(shù)據(jù)。Symfony自動校驗(yàn)該token是否存在以及其準(zhǔn)確性。

_token 字段是一個(gè)隱藏字段并且會自動的渲染,只要你在你的模板中包含了form_rest()函數(shù)。它確保了沒有被渲染過的字段全部渲染出來。CSRF令牌可以按照表單來個(gè)性化,比如:

class TaskType extends AbstractType
{
   // ...
   public function getDefaultOptions(array $options)
   {
      return array(
          &#39;data_class&#39; => &#39;Acme\TaskBundle\Entity\Task&#39;,
          &#39;csrf_protection&#39; => true,
          &#39;csrf_field_name&#39; => &#39;_token&#39;,
          // 一個(gè)唯一的鍵值來保證生成令牌
          &#39;intention&#39; => &#39;task_item&#39;,
      );
   }
   // ...
}

要關(guān)閉CSRF保護(hù),設(shè)置csrf_protection 選項(xiàng)為false。intentsion選項(xiàng)是可選的,但為不同的表單生成不同的令牌極大的加強(qiáng)了安全性。

使用一個(gè)無底層類表單

大多數(shù)情況下,一個(gè)表單要綁定一個(gè)對象的,并且表單中所有的字段獲取或者保存它們的數(shù)據(jù)到該對象屬性。但有時(shí)候,你可能只想使用一個(gè)沒有類的表單,返回一個(gè)提交數(shù)據(jù)的數(shù)組,這個(gè)非常容易實(shí)現(xiàn):

// 確認(rèn)你在類上方導(dǎo)入了Request對象
use Symfony\Component\HttpFoundation\Request
// ...
public function contactAction(Request $request)
{
    $defaultData = array(&#39;message&#39; => &#39;Type your message here&#39;);
    $form = $this->createFormBuilder($defaultData)
       ->add(&#39;name&#39;, &#39;text&#39;)
       ->add(&#39;email&#39;, &#39;email&#39;)
       ->add(&#39;message&#39;, &#39;textarea&#39;)
       ->getForm();
     if ($request->getMethod() == &#39;POST&#39;) {
        $form->bindRequest($request);
        // 數(shù)據(jù)是一個(gè)數(shù)組并包含 "name", "email", 和"message" 鍵
        $data = $form->getData();
     }
    // ... 渲染表單
}

默認(rèn)情況下,一個(gè)表單真的假設(shè)你想要一個(gè)數(shù)據(jù)數(shù)組而不是數(shù)據(jù)對象。

這里有兩種方式你可以改變它的行為并綁定一個(gè)對象;

1.當(dāng)創(chuàng)建表單時(shí)傳入一個(gè)對象(作為createFormBuilder的第一個(gè)參數(shù)或者createForm的第二個(gè)參數(shù))。

2.在你的表單中聲明data_class 選項(xiàng)

如果以上兩種方式都沒有,那么表單會返回一個(gè)數(shù)組數(shù)據(jù)。在這個(gè)示例中因?yàn)?defaultData不是一個(gè)對象,又沒有設(shè)置data_class選項(xiàng),則$form->getData()最終返回一個(gè)數(shù)組。

你也可以通過Request對象直接訪問POST的值,

$this->get(&#39;request&#39;)->request->get(&#39;name&#39;);

注意,大多數(shù)的情況下我們使用getData()方法是更好一點(diǎn)的選擇。因?yàn)樗祷氐氖墙?jīng)過表單框架轉(zhuǎn)換過的數(shù)據(jù)。

添加校驗(yàn)規(guī)則

唯一遺漏的地方就是校驗(yàn)規(guī)則了,通常當(dāng)你調(diào)用$form->isvalid()時(shí),對象會調(diào)用你在類東提供的校驗(yàn)規(guī)則進(jìn)行校驗(yàn)。但如果沒有類,你怎么來添加對你表單數(shù)據(jù)的約束規(guī)則呢?答案是自己創(chuàng)建約束,然后傳入到表單。

// 在controller類前導(dǎo)入命名空間
use Symfony\Component\Validator\Constraints\Email;
use Symfony\Component\Validator\Constraints\MinLength;
use Symfony\Component\Validator\Constraints\Collection;
$collectionConstraint = new Collection(array(
      &#39;name&#39; => new MinLength(5),
      &#39;email&#39; => new Email(array(&#39;message&#39; => &#39;Invalid email address&#39;)),
));
// 創(chuàng)建一個(gè)表單沒有默認(rèn)值,傳入約束選項(xiàng)。
$form = $this->createFormBuilder(null, array(
           &#39;validation_constraint&#39; => $collectionConstraint,
    ))->add(&#39;email&#39;, &#39;email&#39;)
// ...
;

現(xiàn)在,當(dāng)你調(diào)用$form->bindRequest($request)時(shí),約束就會被創(chuàng)建并作用于你的表單數(shù)據(jù)。如果你使用表單類,重寫getDefaultOptions 方法來指定可選項(xiàng):

namespace Acme\TaskBundle\Form\Type;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilder;
use Symfony\Component\Validator\Constraints\Email;
use Symfony\Component\Validator\Constraints\MinLength;
use Symfony\Component\Validator\Constraints\Collection;
class ContactType extends AbstractType
{
  // ...
  public function getDefaultOptions(array $options)
  {
    $collectionConstraint = new Collection(array(
      &#39;name&#39; => new MinLength(5),
      &#39;email&#39; => new Email(array(&#39;message&#39; => &#39;Invalid email address&#39;)),
    ));
    return array(&#39;validation_constraint&#39; => $collectionConstraint);
  }
}

這樣你有了足夠的靈活性來創(chuàng)建表單類和約束了,它返回一個(gè)數(shù)據(jù)數(shù)組而不是一個(gè)對象。大多數(shù)情況下,這個(gè)是不錯的,而綁定一個(gè)表單到一個(gè)對象,從某種程度上說更加健壯。對于簡單表單來說是個(gè)不錯的選擇。

總結(jié)思考

你現(xiàn)在已經(jīng)了解了所有建造復(fù)雜功能性的表單所需要的所有建造塊。當(dāng)生成表單時(shí),記住一個(gè)表單的首要目標(biāo)是從一個(gè)對象把數(shù)據(jù)傳遞給一個(gè)HTML表單以方便用戶修改它們。第二個(gè)目標(biāo)就是把用戶提交的數(shù)據(jù)重寫提交回對象。

以上是詳解Symfony2框架表單的用法的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本站聲明
本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn),版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請聯(lián)系admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

人工智能驅(qū)動的應(yīng)用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用于從照片中去除衣服的在線人工智能工具。

Clothoff.io

Clothoff.io

AI脫衣機(jī)

Video Face Swap

Video Face Swap

使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的代碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

功能強(qiáng)大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級代碼編輯軟件(SublimeText3)

解析JSP注釋的使用方法和分類 解析JSP注釋的使用方法和分類 Feb 01, 2024 am 08:01 AM

JSP注釋的分類及用法解析JSP注釋分為兩種:單行注釋:以結(jié)尾,只能注釋單行代碼。多行注釋:以/*開頭,以*/結(jié)尾,可以注釋多行代碼。單行注釋示例多行注釋示例/**這是一段多行注釋*可以注釋多行代碼*/JSP注釋的用法JSP注釋可以用來注釋JSP代碼,使其更易于閱

如何使用 JavaScript 實(shí)現(xiàn)表單的輸入框內(nèi)容自動提示功能? 如何使用 JavaScript 實(shí)現(xiàn)表單的輸入框內(nèi)容自動提示功能? Oct 20, 2023 pm 04:01 PM

如何使用JavaScript實(shí)現(xiàn)表單的輸入框內(nèi)容自動提示功能?簡介:表單的輸入框內(nèi)容自動提示功能在網(wǎng)頁應(yīng)用中非常常見,它可以幫助用戶快速輸入正確的內(nèi)容。本文將介紹如何使用JavaScript實(shí)現(xiàn)這一功能,并提供具體的代碼示例。創(chuàng)建HTML結(jié)構(gòu)首先,我們需要創(chuàng)建一個(gè)包含輸入框和自動提示列表的HTML結(jié)構(gòu)??梢允褂靡韵麓a:&lt;!DOCTYP

Python函數(shù)介紹:abs函數(shù)的用法和示例 Python函數(shù)介紹:abs函數(shù)的用法和示例 Nov 03, 2023 pm 12:05 PM

Python函數(shù)介紹:abs函數(shù)的用法和示例一、abs函數(shù)的用法介紹在Python中,abs函數(shù)是一個(gè)內(nèi)置函數(shù),用于計(jì)算給定數(shù)值的絕對值。它可以接受一個(gè)數(shù)字參數(shù),并返回該數(shù)字的絕對值。abs函數(shù)的基本語法如下:abs(x)其中,x是要計(jì)算絕對值的數(shù)值參數(shù),可以是整數(shù)或浮點(diǎn)數(shù)。二、abs函數(shù)的示例下面我們將通過一些具體的示例來展示abs函數(shù)的用法:示例1:計(jì)算

Python函數(shù)介紹:isinstance函數(shù)的用法和示例 Python函數(shù)介紹:isinstance函數(shù)的用法和示例 Nov 04, 2023 pm 03:15 PM

Python函數(shù)介紹:isinstance函數(shù)的用法和示例Python是一門功能強(qiáng)大的編程語言,提供了許多內(nèi)置函數(shù),使得編程變得更加方便和高效。其中一個(gè)非常有用的內(nèi)置函數(shù)是isinstance()函數(shù)。本文將介紹isinstance函數(shù)的用法和示例,并提供具體的代碼示例。isinstance()函數(shù)用于判斷一個(gè)對象是否是指定的類或類型的實(shí)例。該函數(shù)的語法如下

如何正確使用C語言的exit函數(shù) 如何正確使用C語言的exit函數(shù) Feb 18, 2024 pm 03:40 PM

c語言exit函數(shù)怎么用,需要具體代碼示例在C語言中,我們常常需要在程序中提前終止程序的執(zhí)行,或者在某個(gè)特定的條件下退出程序。C語言提供了exit()函數(shù)來實(shí)現(xiàn)這個(gè)功能。本文將介紹exit()函數(shù)的用法,并提供相應(yīng)的代碼示例。exit()函數(shù)是C語言中的標(biāo)準(zhǔn)庫函數(shù),它包含在頭文件中。它的作用是終止程序的執(zhí)行,并且可以帶一個(gè)整型

WPSdatedif函數(shù)的用法 WPSdatedif函數(shù)的用法 Feb 20, 2024 pm 10:27 PM

WPS是一款常用的辦公軟件套件,其中的WPS表格功能被廣泛使用于數(shù)據(jù)處理和計(jì)算。在WPS表格中,有一個(gè)非常有用的函數(shù),即DATEDIF函數(shù),它用于計(jì)算兩個(gè)日期之間的時(shí)間差。DATEDIF函數(shù)是英文單詞DateDifference的縮寫,它的語法如下:DATEDIF(start_date,end_date,unit)其中,start_date表示起始日期

如何使用 JavaScript 實(shí)現(xiàn)表單的輸入框內(nèi)容實(shí)時(shí)校驗(yàn)功能? 如何使用 JavaScript 實(shí)現(xiàn)表單的輸入框內(nèi)容實(shí)時(shí)校驗(yàn)功能? Oct 18, 2023 am 08:47 AM

如何使用JavaScript實(shí)現(xiàn)表單的輸入框內(nèi)容實(shí)時(shí)校驗(yàn)功能?在很多網(wǎng)頁應(yīng)用中,表單是用戶與系統(tǒng)之間最常用的交互方式。然而,用戶輸入的內(nèi)容往往需要進(jìn)行有效性校驗(yàn),以確保數(shù)據(jù)的準(zhǔn)確性和完整性。在這篇文章中,我們將學(xué)習(xí)如何使用JavaScript實(shí)現(xiàn)表單的輸入框內(nèi)容實(shí)時(shí)校驗(yàn)功能,并提供具體的代碼示例。創(chuàng)建表單首先,我們需要在HTML中創(chuàng)建一個(gè)簡單的表

如何使用HTML、CSS和jQuery實(shí)現(xiàn)表單自動保存的高級功能 如何使用HTML、CSS和jQuery實(shí)現(xiàn)表單自動保存的高級功能 Oct 28, 2023 am 08:20 AM

如何使用HTML、CSS和jQuery實(shí)現(xiàn)表單自動保存的高級功能在現(xiàn)代網(wǎng)頁應(yīng)用中,表單是非常常見的元素之一。當(dāng)用戶在輸入表單數(shù)據(jù)時(shí),如何能夠?qū)崿F(xiàn)自動保存的功能,不僅可以提高用戶的使用體驗(yàn),也能確保數(shù)據(jù)的安全性。本文將介紹如何使用HTML、CSS和jQuery來實(shí)現(xiàn)表單的自動保存功能,并附上具體的代碼示例。一、HTML表單的結(jié)構(gòu)搭建我們首先來建立一個(gè)簡單的HT

See all articles