【问题标题】:Inline "required" asterisk in Laravel form labelLaravel 表单标签中的内联“必需”星号
【发布时间】:2015-06-30 12:43:35
【问题描述】:

我正在尝试在 Laravel 中为我的必填字段添加一个红色星号,但我不确定如何将它们与标签内联。

我现在正在做的是

{{ Form::label('took_act_or_sat' , 'Did you or will you take the SAT or ACT?' ) }} <span style="color: red">*</span>

但是当标签换行到第二行时,由于某种原因,星号被向下移动了额外的一行。

所以我想我的问题的第一部分是:你可以在 Laravel 中为表单标签添加内联样式吗?

第二部分是:我应该以其他方式添加星号(或其他标记),这样就不会成为问题了吗?

如果它是相关的,我也会在我的大部分样式中使用 Bootstrap,如果这也会影响任何东西的话。

【问题讨论】:

  • 旁注:你没有使用blade模板或Laravel的Form帮助器。它适用于大量输入,但如果您需要更多控制,您可以随时使用&lt;label&gt;&lt;/label&gt; 也就是基本 HTML。

标签: php css forms twitter-bootstrap laravel


【解决方案1】:

用第三个参数给你的标签添加一个类

{{ Form::label('took_act_or_sat' , 'Did you or will you take the SAT or ACT?', array('class' => 'required') ) }}

并用 css 添加星号

<style>
    .required:after{ 
        content:'*'; 
        color:red; 
        padding-left:5px;
    }
</style>

【讨论】:

    【解决方案2】:

    有多种方法可以实现这一目标。如果您想在不更改 HTML 代码的情况下获得所需的结果,那么您可以向 span 元素添加一些样式,如下所示

    代码

    {{ Form::label('took_act_or_sat' , 'Did you or will you take the SAT or ACT?' ) }} <span style="color: red; display:block; float:right">*</span>
    

    【讨论】:

      【解决方案3】:

      试试这个

      <label for="took_act_or_sat">Did you or will you take the SAT or ACT? <span style="color: red">*</span></label>
      

      【讨论】:

        【解决方案4】:
        {{ Form::label('took_act_or_sat' , 'Did you or will you take the SAT or ACT? <span style="color: red">*</span>','',false ) }} 
        

        您只需要 false 作为参数。

        【讨论】:

        • 不确定为什么这不是公认的答案,因为它似乎是添加一些内联内容的更好选择。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-04-14
        • 2018-06-22
        • 1970-01-01
        • 2017-04-25
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多